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

【问题标题】：How do I hide an element based on specific class and content with jQuery?如何使用 jQuery 隐藏基于特定类和内容的元素？
【发布时间】：2011-11-17 17:00:07
【问题描述】：

您好，如果类 ms-searchref-categoryname 文本的 div 包含 Job，我想隐藏一些元素：

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

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

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

如何做到这一点？

【问题讨论】：

您是在使用 jQuery 等 javascript 框架，还是使用普通的旧 DOM。
请注意，块元素 (div) 不应位于内联元素 (a) 内：w3.org/TR/REC-html40/struct/global.html#block-inline

标签： jquery selector contains

【解决方案1】：

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

【讨论】：

这将检查精确匹配 :)

【解决方案2】：

正如你所说的“如果 div 文本包含一些东西”，你可以使用这个：

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

如果在所选元素的任何位置找到字符串“Job”，这将隐藏该元素。这是working example。

或者，不使用:contains 伪选择器：

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

另一方面，如果您的意思是在 div only 包含指定字符串时想要隐藏元素，那么 @Headshota 已经为您提供了有效的答案。

【讨论】：