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

Question

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

HTML：

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

这里我尝试检查'a'具有价值 '帐户'，如果是这样隐藏一个div。

我尝试这样做：

JS：

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

而且在 '帐户' 链接并不存在着一些地方，它会返回：[]

现在林不知道如何检查数组是否为空或具有数值的条件：

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(); 
} 

Answer 2

你可以做这样的事情

var link = $('a').filter(function() { 
    return $(this).text() == "Accounts"; 
    //will return: [<a href="#accounts>Accounts</a>] 
}); 
//link is a jQuery object that has a length property that tells how many dom elements are referred by this jQuery object 
if (link.length) { 
    //show div as 
} else { 
    //hide div 
} 

Answer 3

只是柜面你可能有文字帐户在未来在你的页面的其它部分的链接，我会做到这一点：

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

var link = $('#mylinks').find(a).filter(function() { 
    return $(this).text() == "Accounts"; 

}); 

if (link.length) { 
    //show div 
} else { 
    //hide div 
}