Suchen und Verbergen von Text mit Jquery

Question

Ich möchte mit jQuery nach etwas Text suchen und es existiert Ich möchte es ausblenden.

Wenn also : Yes existiert, sollte es ausgeblendet werden.

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'); 

Die obige JQuery verbirgt das ganze div statt nur : Yes

Fiddle

Answer 1

Sie können nicht einen Selektor .hide() passieren. Sie verwenden es auf ein Objekt:

$('.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

starten:

$('.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

Da Sie die .hide am Ende des Codes hinzufügen, wird das ausgewählte Element der Auswahl (<div>), was Sie brauchen, ist etwas wie folgt aus:

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