Поиск и скрыть текст с помощью JQuery

Question

Я хочу использовать jQuery для поиска некоторого текста, и он существует. Я хочу скрыть его.

Так что если : Yes существует, его следует скрыть.

HTML:

<div class="listing_detail col-md-4"><strong>Living Room:</strong><span class="hide-this-tag"> Yes</span></div> 
<div class="listing_detail col-md-4"><strong>Kitchen:</strong><span class="hide-this-tag"> No</span></div> 

Jquery:

$('.listing_detail:contains("Yes")').hide('.hide-this-tag'); 

выше Jquery скрывает весь ДИВ, а не просто : Yes

Fiddle

Answer 1

Вы не можете передать селектор .hide(). Вы можете использовать его на объекте:

$('.listing_detail:contains("Yes")').find('.hide-this-tag').hide();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 
 
<div class="listing_detail col-md-4"><strong>Living Room:</strong><span class="hide-this-tag"> Yes</span></div> 
 
<div class="listing_detail col-md-4"><strong>Kitchen:</strong><span class="hide-this-tag"> No</span></div>

Answer 2

Попробуйте это:

$('.hide-this-tag:contains("Yes")').hide(); 
 
OR 
 
$('span.hide-this-tag:contains("Yes")').hide(); 
 
OR 
 
$('div.listing_detail span.hide-this-tag:contains("Yes")').hide();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="listing_detail col-md-4"><strong>Living Room:</strong><span class="hide-this-tag"> Yes</span></div> 
 
<div class="listing_detail col-md-4"><strong>Kitchen:</strong><span class="hide-this-tag"> No</span></div>

---

http://api.jquery.com/hide/

Answer 3

Поскольку вы добавляете .hide в конце кода он выбирает выбранный элемент (<div>), что вам нужно, это что-то вроде этого:

if($('.listing_detail:contains("Yes")').length > 0){ 
    $('.hide-this-tag').hide(); //After you checked that the "Yes" exsists, hide the tag. 
}