Искать в пределах HTML-кода?

Question

Как выполнить поиск в HTML-коде с помощью JQuery? Я хочу найти строку в 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();