覆盖父元素单击子元素中的事件

Question

我有以下HTML:

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

使用JQuery,我有一些代码在用户点击TR元素时运行.它运作良好.

但是,当有人单击TD元素内的DIV时,我只想要DIV的"click"事件而不是父级的TR"click"事件.

我怎样才能做到这一点？

提前谢谢!

Answer 1

使用stopPropagation:

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

});

的jsfiddle