将onclick事件添加到td，但不应触发其中的链接

Question

我有这个：

$('table.data td').click(function() {
}

但问题是，当我点击该列中的链接时，这也会触发。我怎么能防止这种情况？

尝试了类似table.data td :not(a)的内容，但似乎根本不起作用..

感谢。

-

没关系，刚刚发现了e.target.nodeName！ （如果这是解决这个问题的最好方法：！='A'）

Answer 1

您可以通过以下方式停止子节点的事件传播：

$('table.data td a').click(function(evt){
  evt.stopPropagation();
  [.. Do other stuff ..]
});

jquery stopPropagation() 阻止事件冒泡DOM树，防止任何父处理程序收到事件通知。