当某些文本出现时隐藏<h2>的内容 - JQuery </h2>

Question

从表面上看，这应该很容易，但我已经偶然发现了一段时间。

我想在某些文字出现时隐藏<h2>唯一标记。 CMS生成标记。 HTML看起来像这样：

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

如果h2标签中包含“所有品牌”，那么我希望删除或隐藏标签。

我尝试了以下代码的一些组合但没有成功：

if($('#BrandContent > div.h2:contains("All Brands")').length > 0) {
    $('#BrandContent h2').css('visibility', 'hidden')
}

和

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

提前感谢您的任何建议。 中号

Answer 1

尝试此选择器

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

<强> Check Fiddle

您使用了ID属性但使用了类选择器

id="BrandContent">

您的第一次尝试有一个小错误

$('#BrandContent > div.h2

您正在寻找div .h2，其HTML <{}}

Answer 2

你的选择器是wrorg -

它应该是这样的 -

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

Answer 3

尝试

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

Answer 4

您使用了错误的选择器，因为“品牌内容”是ID而您正在使用该类。所以它应该如下：

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

JSFIDDLE DEMO