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

Question

假设我有一个像这样的简单父节点和子节点：

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

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

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

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

如果我想将行为更改为，我需要做什么：如果我单击父 div 中的任意位置，无论它是否在文本跨度上，我都希望将 e.target 引用到父级，并且从而得到'父母'的警报？

Answer 1

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