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应该有效。从jQuery 1.8开始，不推荐使用size()。

示例：

$('.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;
});