javascript - jQuery:从无序列表中获取点击 anchor

Question

我有这个标记(简化):

<ul class="targets">
    <li><a href="javascript:void(0);" class="info">A</a></li>
    <li><a href="javascript:void(0);" class="info">B</a></li>
    <li><a href="javascript:void(0);" class="info">C</a></li>
</ul>

还有这个脚本(简化版):

$('.targets').click(function(e) {
    alert(e.target); // alerts "javascript:void(0);"
});

我真正想要的是被点击的 anchor 对象，而不是 anchor 的目标。

如果这是可能的，我该怎么做？

它必须是列表中的 anchor ，但该函数还必须处理对其他 dom 元素的点击。

Answer 1

我认为您的困惑来自 e.target toString 是 href 属性，例如:

$('.targets').click(function(e) {
  alert(e.target.nodeName); // alerts "A"
  $(e.target).fadeOut();    //this would fade out the anchor you clicked on
})​;

e.target 是你已经拥有的，你只需要访问它上面你感兴趣的任何属性。否则，当您提醒它时，默认情况下它会显示 href 属性。

Here's a demo to see what I mean