Javascript jQuery如何使单击处理程序始终引用父对象？

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

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

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

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

---

如果我想将行为更改为：如果我单击父div中的任何位置，无论它是否在文本范围内，我希望e.target被引用到父div，从而获得“父div”警报，那么我需要做什么？

您可以使用

this

关键字（

this.id

）或者读取

event

对象的

currentTarget

属性，即

e.currentTarget.id