Question

我有一个简单的html，一个包含一些html和一个删除链接的div：

<div class="item">
I am a text this section can contain a lot of html and stuff...
<a class="del_button" href="#">Delete</a>
</div>

这是jQuery部分：

$(".item").click(function(){
alert("Item clicked");
});

$(".del_button").click(function(){
alert("DELETE clicked");
});

如果单击“删除”链接，将显示两个消息框，“项目已单击”和“删除已单击” - 如果单击删除按钮，如何禁止“单击项目”警告？

Answer 1

描述：防止事件冒泡DOM树，防止任何父处理程序被通知事件。

$(".del_button").click(function(e){
    alert("DELETE clicked");
    e.stopPropagation();
});

Answer 2

$(".del_button").click(function(e){

alert("DELETE clicked");
    e.stopPropagation();

});