jquery - 当出现某些文本时隐藏

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