2013-07-26 41 views
1

我有以下幾點:如何隱藏的div,如果內部HTML包括特定字符串

<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> 

我想隱藏在div如果showcaseBeds內部HTML == 0臥室藏漢作爲 隱藏showcaseBaths如果內部HTML = = 0.00浴室總數

我發現了幾個jquery解決方案,取決於屬性而不是內部html。

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

不太重複,但HTTP://計算器。 com/questions/4811962/how-to-css-select-element-based-on-inner-html表明它不可能跨越所有瀏覽器,並提供了一個涉及jQuery的解決方法。 –

+0

@AdrianWragg感謝您的鏈接!我檢查出來。 –

回答

1

你應該使用(你用錯誤的類)

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

DEMO.

2

使用:contains()選擇:

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

謝謝!所以我會包括這兩次爲每個文本字符串即時消息尋找刪除 –

+0

我在這裏嘗試了你的建議http://jsfiddle.net/qDKrD/1/沒有運氣。我在哪裏出錯了語法? –

+0

任何想法,爲什麼這不工作? –

相關問題