jquery - 通过href的文本找到标签

Question

这个问题已经有答案了:

How do I select all anchors with a specific href? (7 个回答)

已关闭 6 年前。

我想使用 jQuery 查找链接并隐藏它。我想使用 jQuery 搜索链接的文本。这不起作用:

<a href="example.com/foo-bar">a website link</a>

function replace_text() {
  var linkText = jQuery('a').text();
  var answer = linkText.replace('a website link', '');
}
replace_text();

Answer 1

要通过文本隐藏元素，您可以使用 :contains 选择器，然后使用 hide()，如下所示:

$('a:contains("a website link")').hide();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="example.com/foo-bar">a website link</a>

请注意，上面是不区分大小写的贪婪匹配。如果您想要精确匹配，可以使用filter()，如下所示:

$('a').filter(function() {
  return $(this).text().trim() == 'a website link';
}).hide();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<a href="example.com/foo-bar">a website link</a>