选择元素内的元素

Question

这是我的DOM：

<div class="a">
    <div class="b">b</div>
    <div class="c">c</div>
</div>

JS：

$('div.a').on('click',function(){
     // ....add a div append to div.a
});
$('div.b').on('click',function(){
     //....edit the content of element
});

点击div.a会在div内添加另一个div.a（d，e，f等）。点击div.b，div.c或其他div会编辑div.b的内容。我怎样才能做到这一点？

如果点击div.b，则会加载div.a但不会div.b的事件。

Answer 1

您需要使用event.stopPropagation：

$('div.b').on('click',function(e){
    e.stopPropagation();
   //...
});

  

阻止事件冒泡DOM树，防止任何父处理程序收到事件通知。