在div上触发点击事件，不包括一个子div和它的后代 [英] Fire click event on a div excluding one child div and it's descendents

问题描述

在里面，我有其他孩子的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屋！