jquery - 如果该行的 <td> 在我的下面的代码中仅包含 B,我想删除该行?

标签 jquery

请检查以下代码。在这里,如果该行 td 包含值“B”,我将删除该行。但下面的代码正在删除所有行。

jQuery

$(document).ready(function() {
    $("#mytable tr td:contains('B')").parent().remove();
});

HTML

<table border="0" align="center" width="45%" cellpadding="2" cellspacing="2"  id="mytable">
    <tr>
        <td align="center" width="15%">A</td>
        <td align="center" width="15%">B</td>
        <td align="center" width="15%">C</td>
    </tr>
    <tr>
        <td align="center" width="15%">AA</td>
        <td align="center" width="15%">BB</td>
        <td align="center" width="15%">CC</td>
    </tr>
    <tr>
        <td align="center" width="15%">AAA</td>
        <td align="center" width="15%">BBB</td>
        <td align="center" width="15%">CCC</td>
    </tr>
</table>

最佳答案

删除tr其中 td其中仅包含 B

var searchString = 'B';
$("#mytable tr td:contains('" + searchString + "')").filter(function() {
  return $(this).text().trim() == searchString;
}).parent().remove();

Example fiddle

仅删除 td其中包含 B :

parent()将选择器放在 tr 上,然后与所有 td 一起被删除。元素。您不需要使用parent()在这里。

$("#mytable tr td:contains('B')").remove();

Example fiddle

关于jquery - 如果该行的 <td> 在我的下面的代码中仅包含 B,我想删除该行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9359141/

相关文章:

javascript - 本地存储正在将空对象添加到我的数组中

javascript - 悬停在另一个 div 上时触发悬停效果

javascript - 如何使用 done() 或 next() 将参数传递给下游函数

jquery - 使用选中的单选按钮切换 DIV

jquery - 有人可以解释一下这句话的意思吗

javascript - 在带有 DOM 选择的 Javascript 中使用模块化设计模式

JQuery:合并多个 JSON 结果

javascript - Jquery - 将文本存储在变量中

JQuery 单击事件未将变量传递给 post 请求

javascript - jQuery - 插件选项默认 extend()