jquery - jQuery：获取具有特定类的元素数量

Question

.added单击具有类的元素时，如何获取具有特定类的元素的.header数量？

<ul class="main"> 
    <li class="header">Header</li>
    <li class="added">One</li>
    <li>Two</li>
    <li class="added">Three</li>
    <li>Four</li>
</ul>

所以在这种情况下，当我单击具有类的元素时，.header我想检索数字 2。

Answer 1

length应该管用。size()自 jQuery 1.8 起已弃用。

例子：

$('.header').on('click', function () { 
    return $('.added').length;
});

见：http ://api.jquery.com/length/

Answer 2

$('.header').on('click', function(){
  console.log($('.added').length);
});

Answer 3

这个怎么样：-

$('.header').on('click', function () { 
return $('.added').length;
});