![](/img/trans.png)
[英]event.target of a jQuery click event returning the child of the clicked element
[英]jQuery click event on parent, but finding the child (clicked) element
假设我有一个父元素,其中包含许多嵌套的子元素:
<div id="p">
<div id="c1">
<div id="c2"></div>
<div id="c3"></div>
</div id="c4">
<div id="c5"></div>
</div>
</div>
我已经在父级上绑定了一个click
事件:
$('#p').bind('click', function() {
alert($(this).attr('id'));
});
因为事件被分配给父元素,所以我总是看到父ID,但是,我想知道是否有任何可能的方法来找出哪些子元素被点击了?
我也不能将任何事件分配给子元素或从父div中删除事件监听器。
您可以尝试以下代码。 也尝试jsfiddle(演示)。
$('#p').on('click', function(event) {
alert(event.target.id);
});
您的第二个问题的答案是您可以将事件分配给子项并从中删除它的父项。 看一下这个。
.stopPropagation();
防止事件冒泡DOM树,防止任何父处理程序被通知事件。 阅读更多
如果您希望仅执行特定事件并且不允许触发其他事件,请使用下面的代码
event.stopImmediatePropagation()
保持其余的处理程序不被执行,并防止事件冒泡DOM树。 阅读更多
我希望这能解决你的问题。 如果您有任何疑问,请随时提出。 谢谢
如果你的元素有孙子女,那么有一种更好的方式来养育孩子。 注意大于号。
$('.parent > .child').click(function() {
// This will be the child even if grandchild is clicked
console.log($(this));
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.