Jak sprawdzić dokładny tekst na liście a używając Jquery?

Question

Mam Lista A:

<div class='label'> 
    <a>Menu</a> 
    <a>Menu Food</a> 
    <a>Menu Drink</a> 
    <a>Cheese</a> 
</div> 
<div class="mytext"> 
    this text need hide. 
</div> 

Jak mogę sprawdzić wykaz a powyżej ma dokładny text = "menu".

użyłem tego skryptu, ale to nie działa:

$('.label a').filter(function(){ 
    if($.trim($(this).text()) == "Menu"){ 
     $('.mytext').show(); 
    } 
    else { 
    $('.mytext').hide(); 
    } 
}); 

ja też nie można używać for loop i użyć warunku wewnątrz.

Dziękuję bardzo.

Answer 1

Updated fiddle.

Można zastosować operację dla wszystkich dopasowanych kotwice używając zwrotu:

return $.trim($(this).text()) == "Menu"; 

Jeśli chcesz pokazać div tylko jeśli jest kotwica z Menu tekstu można użyć flagi (menu_exist w moim przykładzie) w warunek wtedy pokazuje, czy to pomaga.

var menu_exist=false; 
 
$('.mytext').hide(); 
 

 
$('.label a').filter(function(){ 
 
    if($.trim($(this).text())=="Menu"){ 
 
    menu_exist=true; 
 
    } 
 
}); 
 

 
if(menu_exist){ 
 
    $('.mytext').show(); 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class='label'> 
 
    <a>Menu</a> 
 
    <a>Menu Food</a> 
 
    <a>Menu Drink</a> 
 
    <a>Cheese</a> 
 
</div> 
 
<br> 
 
<div class="mytext"> 
 
    this text need hide. 
 
</div>

Answer 2

użytkowania $.trim($(this).text()) != "Menu" aby wybrać wszystkie elementy, które nie jest Menu a następnie użyć hide() na nich.

$('.label a').filter(function(){ 
 
    return $.trim($(this).text()) != "Menu"; 
 
}).hide();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class='label'> 
 
    <a>Menu</a> 
 
    <a>Menu Food</a> 
 
    <a>Menu Drink</a> 
 
    <a>Cheese</a> 
 
</div>

Answer 3

I fiddled się trochę :-) i stosowane .filter() function

Druga postać tego sposobu pozwala na filtrowanie elementy przeciwko funkcję niż selektora. Dla każdego elementu, jeśli funkcja zwraca wartość true (lub "truey"), element będzie zawarty w przefiltrowanym zestawie; w przeciwnym razie zostanie on wykluczony

var list = $('.label a').filter(function() { 
 
    return $.trim($(this).text()) === "Menu" 
 
}); 
 

 

 
console.log(list.length);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<div class='label'> 
 
    <a>Menu</a> 
 
    <a>Menu Food</a> 
 
    <a>Menu Drink</a> 
 
    <a>Cheese</a> 
 
    <a>Menu</a> 
 
</div>