javascript - not in jquery 选择器的用法

Question

下面是我的代码

这是fiddle link

$("#Maindiv:not('.Buttonclass')").live("click",function(){
divclick();
});

function divclick(){
alert("div");
};
$(".Buttonclass").live("click",function(){
buttonclick();
});
function buttonclick(){
alert("button");
};

当我单击按钮时，“div”单击和按钮单击都会被调用，我只想调用按钮而不是 div 单击功能。我在非选择器中缺少什么？

Answer 1

尝试使用 event.stopPropagation() 方法。

Example here

$(".Buttonclass").live("click",function(event){
    event.stopPropagation();
buttonclick();
});