在div上触发点击事件,不包括一个子div和它的后代

Question

在里面,我有其他孩子div.那些人也有孩子.

<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>

我想添加一个click事件,当我单击父 div中的任何元素时触发,包括父 div,不包括child_1 div及其后代.

目前我试过了

jQuery(".parent").not(".child_1").click(function(event) {

});

但点击事件时,我点击了child_1 div及其后代.

这里有什么问题？请帮忙.

UPDATE

这里我有另一个关于child_1的点击事件

jQuery(".child_1").click(function(event) {

});

Answer 1

你应该这样做.

$('.parent').on('click', function () {
  // do your stuff here
}).find('.child_1').on('click', function (e) {
  e.stopPropagation();
});

这是一个小提琴http://jsfiddle.net/BbX7D/1/