上一篇: jQuery – 检测输入是否在X秒内按... 下一篇:为什么jQuery FileTree在未设置时...

如何使用Jquery检查列表中的确切文本？

jQuery 发布时间：2022-04-19 发布网站：大佬教程 code.js-code.com

大佬教程收集整理的这篇文章主要介绍了如何使用Jquery检查列表中的确切文本？，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

我列出了一个：

<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>

我如何检查上面的列表具有确切的文本=“菜单”.

我使用过这个脚本,但它不起作用：

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

我也不能用于循环和使用条件.

非常感谢你.

解决方法

Updated fiddle.

您可以使用return对所有匹配的锚点应用操作：

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

如果你想显示div只是有一个带有菜单文本的锚,你可以在条件中使用一个标志(我的例子中是menu_exist)然后显示是否为真：

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

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

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

希望这可以帮助.

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>