点击，但仅在点击时不是<a></a>

Question

我的表格结构如下：

 <table>
 <tr id="ui-id-7" onclick="editThis();">
 <td>100</td>
 <td>Test</td>
 <td class="noEdit"><a href="www.mysite.com" target="_blank"><img src="www.mysite.com/test.jpg"></a></td>
 </tr>
 </table>

我需要的是：整个<tr>是可点击的并调用editThis()方法，除非用户点击具有链接元素的<td>（如果是， noEdit类）。

在上面的代码中，点击任意<td>（或<tr>）会调用editThis()方法。我知道我可以为每个<td>而不是<tr>编写电话，但这会写很多......

这可能吗？

Answer 1

使用event.stopPropagation()

$('#ui-id-7 td.noEdit').click(function(e){
   e.stopPropagation();
});

  

阻止事件冒泡DOM树，防止任何父处理程序被通知事件