在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();