这是我的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.bdiv.c或其他div将编辑div.b的内容。我该如何实现?

如果单击div.b,它将加载div.a事件,而不是div.b事件。

最佳答案

您需要使用event.stopPropagation

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



  防止事件使DOM树冒泡,从而防止任何父处理程序收到该事件的通知。

07-24 09:38
查看更多