Jquery 单击<;tr>;,但仅当单击时<;td>;不是<;a>;

Jquery 单击<;tr>;,但仅当单击时<;td>;不是<;a>;,jquery,html-table,Jquery,Html Table,我有一张这样结构的桌子: <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&g

我有一张这样结构的桌子:

 <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>

100
试验
我需要的是:整个
是可单击的,并调用
editThis()
方法,除非用户单击具有链接元素的
(在这种情况下,是带有
noEdit
类的)

在上面的代码中,单击任何
(或
)将调用
editThis()
方法。我知道我可以为每个
编写调用,而不是
,但这需要大量的编写工作

这可能吗?

使用

防止事件在DOM树中冒泡,防止任何父处理程序收到事件通知


@这就是答案。如果还希望阻止页面导航到
href
值,请添加
e.preventDefault()也是。为什么这只适用于第一行的?
$('#ui-id-7 td.noEdit').click(function(e){
   e.stopPropagation();
});