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

Question

我有以下内容：

 <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 总浴室，我想隐藏showcaseBaths

我发现了一些依赖于属性而不是内部 html 的 jquery 解决方案。

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

Answer 1

使用:contains()选择器：

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

Answer 2

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

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

演示。