jQuery-单击TR和TR时的不同操作>；跨度

我已将一些数据放入HTML表中。单击

tr

时，它会将“checked”属性添加到该特定行的复选框中

但是，我在

span

中有几行包含相同的父id-当我单击父id时，它应该向具有此id的所有行添加“checked”属性。我的方法是有两个不同的操作-一个用于单击表行

$('tr').on('click', function() { ... do stuff ... });

当您在

span

$('tr > span').on('click', function() { ... do something else });

问题是，当我单击

span

时，它也会运行第一个事件。我试着使用

：not

选择器和

.not（）

函数，但似乎无法让它工作

这是我的代码（只取了相关部分）：

用于停止冒泡：

$('tr > span').on('click', function(e) {
  e.stopPropagation();
  // do multiple checkbox actions here
});

用于停止冒泡：

$('tr > span').on('click', function(e) {
  e.stopPropagation();
  // do multiple checkbox actions here
});