获取嵌入表中最里面的行

我有一个嵌套表的表。问题是在鼠标事件监听器中，我想抓住最深的行。 我发现这几乎是我正在寻找的，但我没有足够的经验来使用这个例子来解决我的问题。 成功的关键是使警报框在下面给出的JSFIddle中显示“2”而不是“1”

 
 
A B 
 
 
  

注意：为简单起见，我提出了两个级别，但是想要考虑任何级别的嵌入式结构可能的一般情况。

更新：请参阅更新的JSFiddle更正NewToJS的评论

Answer 1

• 使用event.stopPropagation()
• 另请注意， td是tr子项，反之亦然

Event.stopPropagation()防止当前事件在捕获和冒泡阶段进一步传播。

 $(function() { $(document).on('mouseover', 'tr', function(e) { e.stopPropagation(); console.log(this.id); }); }); 

  
 
 
 
A 
 
 
 
B
 
 
 
C