使用jquery on事件委托给了祖先元素，怎么阻止子元素的事件影响父元素的事件

Question

我现在有两个点击事件html格式如下

<table>

  <tr>

    <td></td>

    <td class='edit'></td>

  </tr>

</table>

里面的tr和td都是动态创建的，事件委托代码如下

table.on('click','tr',function(){

alert("我点击了一行")

})

table.on('click','.edit',function(){

alert('我点击了单元格')

})

怎么样才能让我点击class为edit单元格的时候不会触发整行的click事件

Answer 1

给一个思路你。 在父级事件屏蔽掉<script>&nbsp; &nbsp; $('table').on('click','tr',function(e){&nbsp; &nbsp; &nbsp; &nbsp; // 如果你点击的是 .edit 的会返回 edit，否则返回 undefined&nbsp; &nbsp; &nbsp; &nbsp; $(e.target).attr('class');&nbsp; &nbsp; })&nbsp; &nbsp;&nbsp;</script>