如何檢測至少一個列表項是否具有類名

Question

如何檢測至少一個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>

例子：

已計數：true：

<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>

有計數：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做到這一點？ 希望我不要重復。

Answer 1

您可以像這樣獲得所有具有班級count li

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

if ($('ul > li.count').length) {
    $msg.show();    
} else {
    $msg.hide();  
}

然后檢查.length

Example

Answer 2

您可以使用.filter來完成此任務

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

Answer 3

您可以檢查集合的長度，以查看是否找到了任何元素

if ( $('.count').length > 0 ) {
    $('.msg').show();
}

或者如果您想切換

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