如何用jQuery移除包含指定<td>内容的<tr>行？代码求助

我来帮你搞定这个需求！你的目标是移除表格中第二列内容与<p id="user">内文本一致的表格行，先看看你原有代码的几个问题：

• $("#user").alert(); 是错误写法，jQuery对象没有.alert()方法，应该通过alert()函数来调用文本内容
• 选择器tr:not($('#user ').text())完全不符合语法规范，:not()选择器不能直接传入文本值，需要结合内容匹配逻辑来筛选行

正确解决方案 #

以下是修正后的完整代码，包含注释说明：

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> 
<p id="user">user2</p> <!-- 这里的文本会用来匹配表格行 -->
<table class="entries"> 
<thead> 
<tr> 
<th>Name</th> 
<th>user</th> 
</tr> 
</thead> 
<tbody> 
<tr> 
<td class="entries">test</td> 
<td class="entries">user1</td> 
</tr> 
<tr> 
<td class="entries">test</td> 
<td class="entries">user2</td> <!-- 这行会被移除 -->
</tr> 
</tbody> 
</table>

<script>
$(document).ready(function() {
    // 获取目标用户文本，去除首尾空格避免匹配误差
    const targetUser = $.trim($('#user').text());
    
    // 遍历表格tbody中的每一行
    $('.entries tbody tr').each(function() {
        // 获取当前行第二列的用户文本（索引从0开始，第二列是eq(1)）
        const currentUser = $.trim($(this).find('td:eq(1)').text());
        
        // 如果匹配上目标用户，移除该行
        if (currentUser === targetUser) {
            $(this).remove(); // 若只是隐藏而非删除，可替换为 $(this).hide();
        }
    });
});
</script>

关键说明 #

• 使用$.trim()处理文本：避免文本前后的空格导致匹配失败（比如<p id="user"> user2 </p>带空格的情况）
• 精准定位列：通过td:eq(1)选中第二列（因为表格第一列是Name，第二列是user）
• 遍历筛选：通过.each()遍历每一行，逐一对比文本内容，匹配到的行执行移除/隐藏操作

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