jquery - 使用带有两个选择器的 jQuery on() 时如何获得正确的“this”元素

Question

考虑以下代码：

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

$(this)将始终对应于#main元素而不是<a>单击。我怎样才能得到<a>被点击的？

谢谢！

编辑：

抱歉，你们似乎是对的：http: //jsfiddle.net/R2rJU/1/

我的问题是我将第二个选择器的结果保存到一个变量中，使其无法用作选择器。

Answer 1

this指<a>标签的点击处理程序。所以你做对了

如果要显式使用，则可以使用event.target Event.Target

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

Answer 2

不，你似乎误会了什么。this将始终引用单击事件处理程序中被单击的 DOM 元素。

Answer 3

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