jquery - 在 HTML 代码中搜索？

Question

如何使用 JQuery 在 HTML 代码中进行搜索？我想在 HTML 代码中找到一个字符串，然后隐藏 div。这不起作用：

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

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

但是当我告诉它搜索“test”而不是“example.jpg”时，它确实有效吗？

score 2 · Accepted Answer

结合:has和attribute-equals选择器。

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

这会更有效，因为这:has是一个由 jQuery 实现的自定义选择器：

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

score 1 · Accepted Answer

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

但这是非常紧密耦合的代码，你真的应该更好地设计你的标记来处理它。

score 0 · Accepted Answer

尝试以下

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

3 回答 3