jQuery Event.Target 供调用者参考

Question

我不知道我是否忘记了如何执行此操作，或者这是一个错误，但我只是无法在使用 jQuery 的“单击”事件中找到调用者的引用。

我正在做以下事情：

$(document).ready(function() {
    $('#parent a.item').click(doSomething);
});

function doSomething(e) {
    // Alerts for demostrational purposes only
    alert(e.target);
    alert(e.currentTarget);
    alert(this);
    alert($(this)[0]);
}

所有警报都显示超链接的 href 属性（页面 URL + '#'）。
我做错了吗？

注意事项： 使用 jQuery 1.4.2。

Answer 1

这是因为您正在发出警报，所以您看到了字符串表示形式（因为alert() 接受一个字符串）...对于锚点来说是href。例如，您可以这样做：

alert(e.target); //or perhaps alert(this.target); - alerts the href
alert(e.target.innerHTML);  //or perhaps alert(this.innerHTML); - alerts the html

You can try it out/play with it here，注意this 和e.target 并不总是相同的，如果点击来自子元素，它们会有所不同。