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