jquery - 2 つのセレクターで jQuery on() を使用するときに正しい「this」要素を取得する方法

Question

次のコードを検討してください。

$('#main').on('click', 'a', function() {
    console.log($(this));
});

$(this)クリックされたものではなく、常に#main要素に対応します。クリックされた<a>を取得するにはどうすればよいですか?<a>

ありがとう！

編集：

申し訳ありませんが、皆さんは正しいようです：http://jsfiddle.net/R2rJU/1/

私の問題は、2 番目のセレクターの結果を変数に保存して、セレクターとして使用できなくなったことです。

score 1 · Accepted Answer

this<a>タグのクリックハンドラを参照します。だからあなたは正しいことをしている

明示的に使用したい場合は、event.target Event.Targetを使用できます

 $("#main").html("clicked: " + event.target.nodeName);

score 0 · Accepted Answer

いいえ、何かを間違えているようです。thisクリックイベントハンドラ内でクリックされる DOM 要素を常に参照します。

3 に答える 3