【问题标题】：Find text and remove it jquery [duplicate]查找文本并将其删除jquery [重复]
【发布时间】：2012-06-20 17:24:25
【问题描述】：

可能重复：
Find text string using jQuery?

你如何找到一个文本字符串并用 jquery 隐藏它。

<div class="report-box">
  <div class="title">test</div>
  <table>
    <tbody>
      <tr align="center" class="CellLabel">
        <td colspan="2">Day at a Glance</td>
      </tr>
      <tr class="CellLabel">
        <td>New Clients</td>
        <td>00000</td>
      </tr>
      <tr class="CellLabel">
      <  td>Money Received</td>
        <td>$ 0000,000.0000</td>
      </tr>
      <tr class="CellLabel">
        <td>Overdue Invoices</td>
        <td>0000000</td>
      </tr>
      <tr class="CellLabel">
        <td>Services</td>
        <td>000000</td>
      </tr>
      <tr align="right" class="CellLabel">
        <td colspan="2"></td>
      </tr>
    </tbody>
  </table>
</div>

如何删除

<tr class="CellLabel">
  <td>Money Received</td>
  <td>$ 0000,000.0000</td>
</tr>

来自使用 jquery 的代码。

【问题讨论】：

:contains 后跟 .hide() 或 .remove()，具体取决于您的意图。不管怎样，它仍然在源代码中，所以它只是不可见的，并没有真正删除。
看看jquery find element by text、How do I remove the parent element?和api.jquery.com/category/traversing/tree-traversal。
你想去掉td的tr或值是什么？在什么条件下？

标签： javascript jquery

【解决方案1】：

你可以使用 contains 选择器方法：

$('td:contains("$ 0000,000.0000")').parent().hide();  //to hide

$('td:contains("$ 0000,000.0000")').parent().remove();  //to remove

或者，如果您只想删除或隐藏包含文本的 td：

$('td:contains("$ 0000,000.0000")').hide();  //to hide

$('td:contains("$ 0000,000.0000")').remove();  //to remove

【讨论】：

【解决方案2】：

$('.cellLabel').find('td:contains("money")').remove();

【讨论】：

【解决方案3】：

// just want to remove
$('.cellLabel').find('td:contains("Money Received")').parent.remove();

或者

 // if just want to hide
 $('.cellLabel').find('td:contains("Money Received")').parent.hide();

【讨论】：

【解决方案4】：

首先，您的 html 有点乱，缺少一些标签。但是给你。 ;)

1：

预览 - http://jsfiddle.net/Xpc63/1/

$('.CellLabel').removeByContent('Money');

查看完整 JS 代码的预览。

2：

预览 - http://jsfiddle.net/ahzPs/1/

$('.CellLabel').contains('Money').remove();

查看完整 JS 代码的预览。

3：

预览 - http://jsfiddle.net/mWtzw/

$('.CellLabel').filter(function() {
    return $(this).html().indexOf('Money') != -1;
}).remove();

【讨论】：