jquery - 将 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 树中冒泡，防止任何父处理程序收到事件通知。