javascript - 删除所有 如果文本中不包含 "test"

Question

我是第一次制作 chrome 扩展程序，我的 Javascript 需要一些帮助。

在我的弹出菜单中，我想要几个按钮。一旦有人按下这个按钮，就可以说按钮“测试”。我希望它删除每一个 <tr>谁不包含单词 "test" .

我做这个是因为我经常使用的这个网站上的过滤器功能非常慢。这样我就可以通过删除行而不是程序搜索所有行来更快地自己进行过滤。

这是我目前所拥有的:

var searchString = 'TEST';
$("#tbody tr td:contains('" + searchString + "')").each(function Tester() {
  if ($(this).text() != searchString) {
    $(this).parent().remove();
  }
});

<p>Remove all rows which don't contain:</p>
<button onclick="Tester()">TEST</button>

Answer 1

首先不要使用内联JS。这是不好的做法。改为使用不显眼的 JS 附加事件处理程序。

要解决您的实际问题，请使用 :contains 选择器以及 remove()，如下所示:

$('button').click(function() {
  var searchString = $(this).text();
  $("#tbody tr td:contains('" + searchString + "')").closest('tr').remove();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p>Remove all rows which don't contain:</p>
<button>TEST</button>

<table>
  <tbody id="tbody">
    <tr>
      <td>TEST</td>
    </tr>
    <tr>
      <td>Foo</td>
    </tr>
    <tr>
      <td>TEST</td>
    </tr>
    <tr>
      <td>Bar</td>
    </tr>
  </tbody>
</table>