jquery只执行元素绑定代码

Question

我真的不知道如何解释我的问题（或者正确的标题是什么）所以我做了一个jqFiddle。

http://jsfiddle.net/Ky5Pp/2/

有没有办法让它只执行'.tdClass'代码？现在它首先执行tdClass代码，然后执行trClass代码。

所以它应该只执行

alert("cell clicked");

很抱歉解释我的问题很糟糕，但我认为jsfiddle应该有所帮助。

谢谢！

Answer 1

添加

e.stopPropagation()

在您的td点击事件中。

的 DEMO

$(".tdClass").on("click", function (e) {
        alert("cell clicked");
        e.stopPropagation();
    });

Answer 2

使用以下内容：

FIDDLE

$(".tdClass").on("click", function (e) { //<-pass it here
    e.stopPropagation();  // <--------------and you should stop event bubbling
    alert("cell clicked");
});

来自文档：

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