jQuery检查是否 <li> 包含特定文字

Question

我正在尝试检查锚点是否包含特定文本，但不幸的是它对我不起作用。

我有这样的文字： REGISTER | LOG IN |SIGN OUT REGISTER | LOG IN |SIGN OUT

我在下面编写了JavaScript代码。

var logintxt = $(".login-info2 a").text();
if ($('.login-info2 a:contains("Sign Out")').length > 0) {  
    console.log(logintxt + " yes");
}

HTML代码如下。

<li class="user-info2">
    <a class="smalltext" href="/register">Register</a>&nbsp;|&nbsp;
    <a class="smalltext" href="/login">Log&nbsp;In</a>
</li>

<li class="user-info2">
    <a class="smalltext" href="/signout">Sign&nbsp;Out</a>
</li>

不幸的是，它不起作用。 有谁能说出解决这个问题的方法？

谢谢

Answer 1

var logintxt = $(".login-info2").text();

if ($('.login-info2:contains("Sign Out")').length > 0) {  
    console.log(logintxt + " yes");
}

这样对我有用

Answer 2

尝试这样。

 $(".user-info2 a").each(function(){ var logintxt = $(this).html().replace(/ /g, ' ').toLowerCase(); if (logintxt == "sign out") { console.log(logintxt + " yes"); } }); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <li class="user-info2"> <a class="smalltext" href="/register">Register</a>&nbsp;|&nbsp; <a class="smalltext" href="/login">Log&nbsp;In</a> </li> <li class="user-info2"> <a class="smalltext" href="/signout">Sign&nbsp;Out</a> </li> 

Answer 3

您可以像这样使用它：

var logintxt = $(".login-info2 a").text();
if(logintxt.toLowerCase() === "sign up"){
 console.log(logintxt + " Yes");
}

Answer 4

由于链接文本中包含HTML实体，因此检查链接目标可能更可靠：

 if ([...linklist.querySelectorAll('a')].some(a => a.getAttribute('href') === '/signout')) { console.log('logout link found'); } else { console.log('none found') }; 

 <ul id="linklist"> <li class="user-info2"> <a class="smalltext" href="/register">Register</a>&nbsp;|&nbsp; <a class="smalltext" href="/login">Log&nbsp;In</a> </li> <li class="user-info2"> <a class="smalltext" href="/signout">Sign&nbsp;Out</a> </li> </ul> 

或使用jQuery：

 if ($('#linklist a[href="/signout"]').length) { console.log('logout link found'); } else { console.log('none found') }; 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <ul id="linklist"> <li class="user-info2"> <a class="smalltext" href="/register">Register</a>&nbsp;|&nbsp; <a class="smalltext" href="/login">Log&nbsp;In</a> </li> <li class="user-info2"> <a class="smalltext" href="/signout">Sign&nbsp;Out</a> </li> </ul>