如果内部 html 包含特定字符串，如何隐藏 div答案

【问题标题】：how to hide div if inner html includes specific string如果内部 html 包含特定字符串，如何隐藏 div
【发布时间】：2013-07-26 22:02:54
【问题描述】：

我有以下：

 <div class="showcaseBeds">0 Bedroom</div>
 <div class="showcaseBaths">0.00 Total Bathroom</div>
 <div class="IDX-showcaseBeds">3 Bedrooms</div>
 <div class="IDX-showcaseBaths">3.00 Total Bathrooms</div>

如果showcaseBeds 内部html == 0 卧室以及卧室，我想隐藏div 如果内部 html == 0.00 总浴室，则隐藏陈列柜浴室

我发现了一些 jquery 解决方案，它们取决于属性而不是内部 html。

 $('div.item:has()').remove();

【问题讨论】：

不是完全重复，但stackoverflow.com/questions/4811962/… 表示不可能在所有浏览器中使用，并提供了涉及 jQuery 的解决方法。
@AdrianWragg 感谢您的链接！我去看看。

标签： javascript jquery

【解决方案1】：

使用:contains() 选择器：

$("div.item:contains('"+ text + "')").remove();

【讨论】：

谢谢！所以我会为每个要删除的文本字符串包含两次
我在这里jsfiddle.net/qDKrD/1 尝试了您的建议，但没有成功。我的语法哪里出了问题？

【解决方案2】：

你应该使用（你使用了错误的类）

$("div.IDX-showcaseBeds:contains('0 Bedroom')").remove();
$("div.IDX-showcaseBaths:contains('0.00 Total Bathroom')").remove();

DEMO.

【讨论】：