如何选择具有完全指定文本的元素

Question

我无法通过确切的文本内容找到锚元素

HTML

<a href="javascript:void(0);">Project One</a>
<a href="javascript:void(0);">Project</a>

JS

var vInput = "Project";
alert($("a:contains('" + vInput + "')").length);

产量

2

我希望输出为1 。 有什么办法可以只将锚元素与文本Project NOT Project One匹配？

Answer 1

您可以使用filter()函数并检查文本是否与所需的字符串匹配：

 alert($('a').filter(function() { return $(this).text() == 'Project'; }).length); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <a href="javascript:void(0);">Project One</a> <a href="javascript:void(0);">Project</a> 

Answer 2

您可以使用.filter（）来匹配确切的内容，因为：contains（）将返回部分匹配项

 var vInput = "Project"; var $as = $('a').filter(function() { return vInput == $(this).text().trim() }) alert($as.length); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <a href="javascript:void(0);">Project One</a> <a href="javascript:void(0);">Project</a> 

Answer 3

使用filter

var vInput = "Project";
var anchors = $("a").filter(function() {
    return $(this).text().trim() == vInput;
});
alert(anchors.length);