javascript - イベントを発生させた要素のIDを取得

Question

私はasp.net mvcで働いています。私は次のJSを持っています

<script>
    function fun()
    {
        alert($(this).attr("id"));
    }
</script>

そしてViewの次のコード

@
{
  int i=1;
}
@for(i=1;i<10;i++)
{
  <a href="" id="@i" onclick="fun()">ABC</a>
}

を呼び出すアンカーの ID を取得したいのですが、常に値をfun()取得します。undefined助けてください。

score 4 · Accepted Answer

これを渡す

<a href="" id="@i" onclick="fun(this)">ABC</a>

 function fun(elem) {
    alert(elem.id);
  }

を参照している場合、これは window オブジェクトを参照します。したがって、を渡すelement to the functionと、クロージャーとして機能する関数のスコープでその要素が使用可能になります。

score 3 · Accepted Answer

試す：

<script>
  function fun(el) {
    alert($(el).attr("id"));
  }
</script>

と：

@
{
  int i=1;
}
@for(i=1;i<10;i++)
{
  <a href="" id="@i" onclick="fun(this)">ABC</a>
}

score 2 · Accepted Answer

絶対に onclick 属性を使用して実行する必要がある場合は、コンテキストとして関数を呼び出し、thisその間にイベントオブジェクトを渡します。

<a href="" id="@i" onclick="fun.call(this,event)">ABC</a>

fun(メソッドを変更する必要はありません)

score 1 · Accepted Answer

はい、次のように onclick イベントでオブジェクト自体を送信する必要があるためです。

@for(i=1;i<10;i++)
{
  <a href="" id="@i" onclick="fun(this)">ABC</a>
}

そして、そのプロパティにアクセスできます：

<script>
        function fun(obj)
        {
            alert(obj.id);//obj.name, obj.value also you could take.
        }
    </script>

4 に答える 4