如何使用jQuery隐藏基于特定类和内容的元素？

您好，如果类为ms searchref categorynametext的div包含Job，我想隐藏一些元素：

 <div class="ms-searchref-categoryname">Job</div>

 <ul><li></li></ul>

 <a href=""><div class=""></div></a>

作业

如何做到这一点？

正如您所说的“如果div文本包含某些内容”，您可以使用以下方法：

if($('.ms-searchref-categoryname').html() === 'Job'){
  $('.myElements').hide();
}

if($(".ms-searchref-categoryname:contains('Job')").length > 0) {
   $("#elementToHide").hide();
}

如果在所选元素的任何位置都找到字符串“Job”，则这将隐藏该元素。这是一个例子

或者，不使用

：contains

伪选择器：

if($(".ms-searchref-categoryname").text().indexOf('Job') > -1) {
   $("#hideMe").hide();
}

另一方面，如果您想在

div

仅包含指定字符串的情况下隐藏元素，则@Headshota已经给了您一个有效的答案。

正如您所说的“如果div文本包含某些内容”，您可以使用以下方法：

if($(".ms-searchref-categoryname:contains('Job')").length > 0) {
   $("#elementToHide").hide();
}

如果在所选元素的任何位置都找到字符串“Job”，则这将隐藏该元素。这是一个例子

或者，不使用

：contains

伪选择器：

if($(".ms-searchref-categoryname").text().indexOf('Job') > -1) {
   $("#hideMe").hide();
}

---

另一方面，如果您想在

div

只包含指定字符串的情况下隐藏元素，那么@Headshota已经给了您一个有效的答案。

您使用的是jQuery之类的javascript框架还是普通的旧DOM。请注意，块元素（div）不应该在内联元素（a）中：您是使用诸如jQuery之类的javascript框架还是使用普通的旧DOM。请注意，块元素（div）不应位于内联元素（a）中：这将检查是否完全匹配

：）

这将检查是否完全匹配

：）