jquery - 如何在标题标签中隐藏特定文本，该标签对许多文本具有相同的标签

Question

h4 标签由页面中的应用程序自动生成。因此，我无法手动将标签从 h4 更改为其他标签，例如 h5 h6 等...。此标签之前也没有标题、名称或 ID。以下是同一页面中的代码:更新:它在表单标签之间。

<h4 class="heading4">Apple Pulp</h4>
<h4 class="heading4">Orange Juice</h4>
<h4 class="heading4">Kiwi fruit</h4>

在上面的 h4 标签中，如何在 CSS 或 Jquery 或任何最合适的方法中单独隐藏“Apple Pulp”。我请求有人帮助我。如果可以单独使用 CSS 来完成，那就太好了，因为有些人可能会在浏览器中关闭脚本。谢谢这只是一个例子，不一定要隐藏第二个。我什至想隐藏一页上的第一个。我通过添加另一个带空格的文本来编辑它。很抱歉用两个带空格的单词修改了标题标签。我已经修改了这个问题，因为所有的答案都在这个环境中有效，我感谢所有人的精彩回答，但它在我的 php 页面中不起作用。期待大家修改答案。谢谢

Answer 1

您可以使用:contains() 选择器来.hide() 元素。

$(".heading4:contains('Orange')").hide()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h4 class="heading4">Apple</h4>
<h4 class="heading4">Orange</h4>
<h4 class="heading4">Kiwi</h4>

---

对于精确匹配使用.filter()

$(".heading4").filter(function() {
  return $(this).text().trim().toLowerCase() === 'orange'
}).hide()

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<h4 class="heading4">Apple</h4>
<h4 class="heading4">Orange</h4>
<h4 class="heading4">Kiwi</h4>