如何禁用表格第七列带doc类单元格的行点击事件？

嘿，我来帮你搞定这个问题！你之前的选择器思路走偏啦——tr:not(.doc td:eq(6))是想排除带有特定td的tr，但:not()里的条件是针对tr本身的，而.doc是td的类，tr根本不会匹配这个条件，所以这个排除完全没起作用。

下面给你两种可行的解决方法：

方法一：在点击事件内判断目标元素 #

直接在tr的点击事件里，检查用户点击的是不是你要禁用的那个单元格，如果是就跳过后续逻辑：

$('#table').on('click', 'tbody tr', function (e) {
  // 检查点击的目标是否是第七列（索引为6，因为eq从0开始）且带有doc类的单元格
  if ($(e.target).is('td:eq(6).doc')) {
    return; // 终止函数，不执行行点击的逻辑
  }
  
  // 这里写你原本的行点击处理逻辑
  console.log('行被点击了');
});

方法二：阻止目标单元格的事件冒泡 #

给目标单元格单独绑定点击事件，阻止它的事件冒泡到父级tr，这样tr的点击事件就不会被触发：

// 先给要禁用的单元格绑定事件，阻止冒泡
$('#table').on('click', 'tbody tr td:eq(6).doc', function (e) {
  e.stopPropagation(); // 阻止事件向上冒泡到tr
});

// 正常绑定tr的点击事件
$('#table').on('click', 'tbody tr', function () {
  // 你的行点击逻辑
  console.log('行被点击了');
});

两种方法的区别：

• 方法一更适合逻辑集中管理的场景，不需要额外绑定事件；
• 方法二更灵活，如果后续你想给这个doc类的单元格加自己的点击逻辑，不会和行点击冲突。

内容的提问来源于stack exchange，提问作者Mercenaire