[英]JQuery check if <li> contains specific text
我正在嘗試檢查錨點是否包含特定文本,但不幸的是它對我不起作用。
我有這樣的文字: 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> |
<a class="smalltext" href="/login">Log In</a>
</li>
<li class="user-info2">
<a class="smalltext" href="/signout">Sign Out</a>
</li>
不幸的是,它不起作用。 有誰能說出解決這個問題的方法?
謝謝
var logintxt = $(".login-info2").text();
if ($('.login-info2:contains("Sign Out")').length > 0) {
console.log(logintxt + " yes");
}
這樣對我有用
嘗試這樣。
$(".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> | <a class="smalltext" href="/login">Log In</a> </li> <li class="user-info2"> <a class="smalltext" href="/signout">Sign Out</a> </li>
您可以像這樣使用它:
var logintxt = $(".login-info2 a").text();
if(logintxt.toLowerCase() === "sign up"){
console.log(logintxt + " Yes");
}
由於鏈接文本中包含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> | <a class="smalltext" href="/login">Log In</a> </li> <li class="user-info2"> <a class="smalltext" href="/signout">Sign 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> | <a class="smalltext" href="/login">Log In</a> </li> <li class="user-info2"> <a class="smalltext" href="/signout">Sign Out</a> </li> </ul>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.