隐藏<;h2>;当某些文本出现时-JQuery

隐藏<;h2>;当某些文本出现时-JQuery,jquery,text,Jquery,Text,表面上看,这应该很容易,但我已经有一段时间了 当某些文本出现时,我试图隐藏唯一标记。CMS生成标签。HTML如下所示: <div class="Block Moveable Panel" id="BrandContent"> <h2>All Brands</h2> <div class="BlockContent"> BRANDS LISTED HERE... </div> </div> 及 提前感谢

表面上看,这应该很容易,但我已经有一段时间了

当某些文本出现时,我试图隐藏
唯一标记。CMS生成标签。HTML如下所示:

<div class="Block Moveable Panel" id="BrandContent">
  <h2>All Brands</h2>
  <div class="BlockContent">
     BRANDS LISTED HERE...
  </div>
</div>

提前感谢您的建议。 M

试试这个选择器

$('#BrandContent > h2:contains("All Brands")').css('visibility', 'hidden')

您使用的是id属性,但使用的是类选择器

id="BrandContent">
您的第一次尝试有一个小错误

$('#BrandContent > div.h2

您正在寻找一个
div
,它的class
.h2
不在您的
HTML

中。您的选择器是wrorg-

应该是这样的-

$('#BrandContent > h2:contains("All Brands")')
试一试


您使用了错误的选择器,因为“BrandContent”是id,并且您正在用作类。所以应该是这样的:

$('#BrandContent > h2:contains("All Brands")').hide();  

@user2469528。。很高兴能提供帮助:)有没有办法使页面加载时不可见。现在它出现了,然后消失了。这可以通过CSS实现吗?谢谢<代码>:contains不是CSS选择器。。而且没有
CSS
选择器可用于根据元素的内容hi@Susahanth在条件下选择元素,因此如果我将其隐藏在CSS中,如果它不包含“所有品牌”,如何使其可见?谢谢大家好,谢谢你们的帮助!它现在可以工作,尽管它首先在页面加载期间出现,然后在页面完成加载时消失。如果我用CSS隐藏元素,并用Jquery显示,那么“:contains”的反面是什么?也就是说,如果它不包含“所有品牌”,我将使其可见。谢谢
$('#BrandContent > h2:contains("All Brands")')
$('#BrandContent > h2:contains("All Brands"))
$('#BrandContent > h2:contains("All Brands")').hide();