将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树,防止任何父处理程序被通知事件.