Javascript 如何检测是否至少有一个列表项具有类名

Javascript 如何检测是否至少有一个列表项具有类名,javascript,jquery,Javascript,Jquery,如何检测li.tst列表项中是否至少有一个具有.count类,然后显示.msg分区 <ul> <li class="tst 1 na">li</li> <li class="tst 2 na">li</li> <li class="tst 3 count">li count</li> <li class="tst 4 na">li</li> </ul&

如何检测li.tst列表项中是否至少有一个具有.count类,然后显示.msg分区

<ul>
    <li class="tst 1 na">li</li>
    <li class="tst 2 na">li</li>
    <li class="tst 3 count">li count</li>
    <li class="tst 4 na">li</li>
</ul>
<div class="msg" style="display: none;">has count</div>
示例:

已计数:真:

<ul>
    <li class="tst 1 count">li</li>
    <li class="tst 2 na">li</li>
    <li class="tst 3 count">li count</li>
    <li class="tst 4 na">li</li>
</ul>
<div class="msg" style="display: block;">has count</div>
Has count:false:

<ul>
    <li class="tst 1 na">li</li>
    <li class="tst 2 na">li</li>
    <li class="tst 3 na">li count</li>
    <li class="tst 4 na">li</li>
</ul>
<div class="msg" style="display: none;">has count</div>
无论如何,用Jquery来实现这一点?我希望我没有重复这一点。

你可以得到所有具有类计数的li,就像这样

var $msg = $('.msg');

if ($('ul > li.count').length) {
    $msg.show();    
} else {
    $msg.hide();  
}
然后检查,长度

你可以得到所有的李有类计数,像这样

var $msg = $('.msg');

if ($('ul > li.count').length) {
    $msg.show();    
} else {
    $msg.hide();  
}
然后检查,长度


您可以检查集合的长度,以查看是否找到任何元素

if ( $('.count').length > 0 ) {
    $('.msg').show();
}
或者如果你想切换

$('.msg').toggle( $('.count').length > 0 );

您可以检查集合的长度,以查看是否找到任何元素

if ( $('.count').length > 0 ) {
    $('.msg').show();
}
或者如果你想切换

$('.msg').toggle( $('.count').length > 0 );
您可以为此任务使用.filter

 var count = $('ul li').filter(function(){return $(this).hasClass("count");});
 if(count.length)
    $('.msg').show();   
您可以为此任务使用.filter

 var count = $('ul li').filter(function(){return $(this).hasClass("count");});
 if(count.length)
    $('.msg').show();   

谢谢你,亚历山大!!在允许的情况下接受你的回答。谢谢你,亚历山大!!在允许的情况下接受你的答案。非常感谢!感谢:非常感谢阿德内奥!赞赏: