在HTML代碼中搜索？

Question

如何使用JQuery在HTML代碼中搜索？我想在HTML代碼中找到一個字符串，然後隱藏div。這不起作用：

<div class="example"> 
test 
<img src="example.jpg"></div> 

$(document).ready(function(){ 
    $(".example:contains('example.jpg')").hide(); 
}); 

但是，當我告訴它來搜索「測試」，而不是「example.jpg」，它的工作？

Answer 1

$('img[src="example.jpg"]').parent().hide(); 

但是，這是非常緊密的代碼，你應該更好地設計你的標記來處理它。

Answer 2

嘗試以下

$(document).ready(function(){ 
if($('.example').html().indexOf('example.jpg')!=-1){ 
$('.example').hide(); 
} 
}); 

Answer 3

合併:has和attribute-equals選擇。

$('.example:has([src="example.jpg"])').hide(); 

http://jsfiddle.net/J9bgt/

這會更有效，因爲這樣的事實：:has是jQuery的實現了自定義選擇：

$('.example').filter(':has([src="example.jpg"])').hide();