jquery - 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

使用以下内容：

小提琴

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

从文档：

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