在div上触发点击事件,不包括一个子div和它的后代 [英] Fire click event on a div excluding one child div and it's descendents
本文介绍了在div上触发点击事件,不包括一个子div和它的后代的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
在里面,我有其他孩子的div。那些也有儿童div。
Inside that I have other child divs. Those have child divs too.
<div class="parent">
<div class="child_1">//children elements</div>
<div class="child_1">//children elements</div>
<div class="child_1">//children elements</div>
<div class="child_1">//children elements</div>
</div>
我想添加点击事件,当我点击父级内的任何元素时会触发该事件 div,包括父 div,不包括 child_1 div及其后代。
I want to add a click event that fires when I click any element inside parent div, including parent div, excluding child_1 div and its descendants.
目前我尝试用
jQuery(".parent").not(".child_1").click(function(event) {
});
但是当点击 child_1 div及其后代时点击事件有效。
But the click event works when I click on child_1 div and it's descendants.
这是什么问题?请帮忙。
What is the problem here? please help.
更新
这里我有另一个 child_1
jQuery(".child_1").click(function(event) {
});
推荐答案
你应该这样做。
$('.parent').on('click', function () {
// do your stuff here
}).find('.child_1').on('click', function (e) {
e.stopPropagation();
});
这是一个小提琴 http://jsfiddle.net/BbX7D/1/
这篇关于在div上触发点击事件,不包括一个子div和它的后代的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文