使用jQuery实现点击行仅移除该行内“T”的问题求助

你的代码问题出在全局选择器上——$(':contains("T")')会匹配整个页面中包含"T"的所有元素，所以才会把表格里所有的"T"都删掉。要实现只处理点击行的需求，只需把查找范围限定在当前点击的<tr>内部即可，修改后的代码如下：

$('#table_output tbody').on('click', 'tr', function() {
    console.log(table.row(this).data());
    // 仅在当前点击的行内查找包含"T"的元素
    $(this).find(':contains("T")').each(function(){
        $(this).html($(this).html().split("T").join(""));
    });
    alert(JSON.stringify(table.row(this).data()));
})

关键修改点： #

• 将全局选择器$(':contains("T")')改为$(this).find(':contains("T")')：this指代当前被点击的表格行，find()方法只在该行的后代元素中查找目标内容，确保只修改点击行的内容。
• 修正了原代码中的笔误：$(this).html($this).html()改为$(this).html()，避免语法错误。

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