jquery - 查找 div 中具有特定类的元素数量

Question

如何计算包含“selected”类的 div 中的所有元素？

我的 Jquery 尝试:

$('.list').click(function(){
   check_no = $(this).closest("div").find('.selected').length;
   alert(check_no);
)};

也尝试过

check_no = $(this).closest("div").children('.selected').length;

但它总是显示0。

HTML

   <div id=1>
        <ul>
            <li class="list all">ALL</li>
            <li class="list selected">1</li>
            <li class="list">2</li>
        </ul>
        <ul>
            <li class="list selected">3</li>
            <li class="list selected">4</li>
        </ul>
        <ul>
            <li class="list">5</li>
            <li class="list">6</li>
        </ul>
    </div>
    <div id=2>
        <ul>
            <li class="list all">ALL</li>
            <li class="list selected">1</li>
            <li class="list">2</li>
        </ul>
        <ul>
            <li class="list selected">3</li>
            <li class="list">4</li>
        </ul>
        <ul>
            <li class="list">5</li>
            <li class="list">6</li>
        </ul>
    </div>

因此，如果我单击 div id 1 中的类列表，我想查找所选类的 li 数。

Answer 1

你的jquery

$('.list').on('click',function(){
    var check_no=$(this).closest("div").find('.selected').length;
   alert(check_no);
});

DEMO

如果你只想查找选择了类的li，那么你的jquery就是

$('.list').on('click',function(){
    var check_no=$(this).closest("div").find('li.selected').length;
   alert(check_no);
});

DEMO2