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

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

你可以得到所有具有类count的li，像这样

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

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

然后检查.length

Example