javascript - 如何检查链接是否有一些文本并根据文本的值评估条件 - Jquery/JS

Question

我想根据链接文本评估条件，并根据它返回的值显示隐藏选项卡。

HTML:

<span class="links">
        <a href="#info">Info</a>
        <a href="#accounts>Accounts</a>
        <a href="#user">Users</a>
 </span>

这里我试图检查'a'是否具有值“Accounts”，如果是则隐藏一个div。

我尝试过这个:

Js:

 var link = $('a').filter( function () {
   return $(this).text() =="Accounts";
    //will return: [<a href="#accounts>Accounts</a>]
 });

在“Accounts”链接不存在的地方，它将返回:[]

现在我不确定如何检查数组是否为空或有值:

 if (link is empty){
     //hide ` <a href="#accounts>Accounts</a>`
 }else{
      //show ` <a href="#accounts>Accounts</a>`
  }

有什么想法可以评估这种情况吗？/谢谢!

Answer 1

您可以使用 jQuery :contains 选择器。由于 0 是一个假值，因此您可以直接比较。

if ($("a:contains('Accounts')").length) {
    $("#accounts").hide();
} else {
    $("#accounts").show();
}