jQuery选择器如何排除指定类？表格行点击事件排除按钮失败求助

我太懂你这个困扰了！事件冒泡的特性会让按钮的点击事件向上传递到父级的<tr>，导致你绑定的行点击逻辑被意外触发。之前尝试的.not('.btn')或:not(.btn)没生效，是因为这些选择器是用来筛选绑定事件的元素（也就是<tr>），但按钮是<tr>的子元素，根本不会影响<tr>本身的事件绑定，自然起不到作用。

给你两个实用的解决方案：

方案一：阻止按钮的事件冒泡 #

给按钮单独绑定点击事件，在事件里阻止冒泡传递到<tr>：

// 先给按钮绑定事件，阻止冒泡
$('#codes-datatable tbody').on('click', '.btn', function(e) {
    e.stopPropagation(); // 关键：阻止事件向上冒泡
    // 这里可以添加按钮自身的业务逻辑
});

// 你的行点击事件保持不变
$('#codes-datatable tbody').on('click', 'tr', function () {
    // 行点击的逻辑代码
});

方案二：在行点击事件里判断触发源 #

在行的点击事件中，检查点击的目标是不是按钮（或按钮的子元素），如果是就跳过后续逻辑：

$('#codes-datatable tbody').on('click', 'tr', function (e) {
    // 查找点击元素最近的.btn元素，存在则说明点击了按钮
    if ($(e.target).closest('.btn').length) {
        return; // 直接返回，不执行行点击的逻辑
    }
    // 这里写行点击的逻辑代码
});

这两种方法都能完美解决你的问题，你可以根据自己的代码习惯选择其中一种~

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