Jquery 覆盖父项';s元素单击子元素中的事件

Jquery 覆盖父项';s元素单击子元素中的事件,jquery,Jquery,我有以下HTML: <table> <tr> <td><div>test</div></td> <td>Some Text</td> </tr> </table> 测试 一些文本 使用JQuery,我有一些当用户单击TR元素时运行的代码。它工作得很好 但是,当有人单击TD元素中的DIV时,我只需要DIV的“click”事件,

我有以下HTML:

<table>
    <tr>
        <td><div>test</div></td>
        <td>Some Text</td>
    </tr>
</table>

测试
一些文本
使用JQuery,我有一些当用户单击TR元素时运行的代码。它工作得很好

但是,当有人单击TD元素中的DIV时,我只需要DIV的“click”事件,而不是父级的TR“click”事件

我该怎么做


提前谢谢大家

单击处理程序中使用
evt.stopPropagation

查看jQuery的事件。stopPropagation()

使用停止播放:

$(function() {
    $('tr').bind('click', function (e) {
        console.log('tr');
    });
    $('div').bind('click', function(e) {
        e.stopPropagation();
       console.log('div');
   });
}))


事件。stopImmediatePropagation()对我有效:)

preventDefault()
不会停止事件冒泡。这不会提供问题的答案。若要评论或要求作者澄清,请在其帖子下方留下评论-您可以随时对自己的帖子发表评论,一旦您有足够的评论,您就可以发表评论。我无法对上述任何答案添加评论,因为这些不是我的答案。evt.stopPropagation()对我不起作用,而event.stoppimmediatepropagation()对我起作用,这就是为什么我觉得值得与其他人分享的原因:)