javascript - 删除含有特定内容的TR

Question

这个问题已经有答案了:

How can I find elements by text content with jQuery? (8 个回答)

已关闭 7 年前。

我有一个具有以下结构的表:

| abc|1 | def | ghi |
| erg|1 | asd | dfg |
| sdf|2 | ghj | erd |
| tsd|2 | sdf | hgj |

我现在想隐藏所有 tr其中后缀 |2可以在第一条td找到。所以结果应该是:

| abc|1 | def | ghi |
| erg|1 | asd | dfg |

这是我的方法:

$('table tr').each(function() {
  $(this).find("\\|2").hide();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>bla|1</td>
    <td>sdf</td>
    <td>hfgh</td>
  </tr>
  <tr>
    <td>bla|1</td>
    <td>3sf</td>
    <td>gdfg</td>
  </tr>
  <tr>
    <td>bla|1</td>
    <td>sdf</td>
    <td>jfhj</td>
  </tr>
  <tr>
    <td>bla|2</td>
    <td>sdf</td>
    <td>hfgh</td>
  </tr>
  <tr>
    <td>bla|2</td>
    <td>3sf</td>
    <td>gdfg</td>
  </tr>
  <tr>
    <td>bla|2</td>
    <td>sdf</td>
    <td>jfhj</td>
  </tr>
</table>

jsfiddle .

但这不会产生任何结果。

Answer 1

您可以使用:contains选择器。

$('table tr:contains(|2)').hide();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<table>
  <tr>
    <td>bla|1</td>
    <td>sdf</td>
    <td>hfgh</td>
  </tr>
  <tr>
    <td>bla|1</td>
    <td>3sf</td>
    <td>gdfg</td>
  </tr>
  <tr>
    <td>bla|1</td>
    <td>sdf</td>
    <td>jfhj</td>
  </tr>
  <tr>
    <td>bla|2</td>
    <td>sdf</td>
    <td>hfgh</td>
  </tr>
  <tr>
    <td>bla|2</td>
    <td>3sf</td>
    <td>gdfg</td>
  </tr>
  <tr>
    <td>bla|2</td>
    <td>sdf</td>
    <td>jfhj</td>
  </tr>
</table>