javascript - jQuery 如何使点击处理程序始终引用父级？

Question

假设我有一个简单的父节点和子节点，如下所示:

<div id="parent">
    <span id="child">Test</span>
<div>

我有一个像这样的 jQuery 点击处理程序:

$('#parent').click(function (e) {
   alert(e.target.id);
});

如果我点击文本范围，我会收到警报“child”。如果我在跨度之外但在父 div 内单击，我会收到警报“parent”。

如果我希望行为更改为:如果我单击父 div 内的任意位置，无论它是否在文本范围内，我希望 e.target 被引用到父级，并且从而获得“ parent ”的警报？

Answer 1

您可以使用 this 关键字 (this.id) 或读取 event 的 currentTarget 属性> 对象，即。 e.currentTarget.id。