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

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> 

例子：

擁有數：真：

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

擁有數：假：

<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

你可以得到所有li有count類，像這樣

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

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

，然後檢查.length

Example

Answer 2

您可以檢查一個集合的長度，看是否有元素，其中，找到

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

，或者如果你想切換

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

Answer 3

您可以使用.filter此任務

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