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

Question

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

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

- cusejuice

---

哦，为什么不在单击 .header 上时只是用 $('.added').length呢？ - nicolagi

https://dev59.com/kHE85IYBdhLWcg3wikEu - Elnaz

Answer 1

< p >length应该可行。自jQuery 1.8起size()已被弃用。

示例：

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

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

- chucknelson

Answer 2

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

- Paté

Answer 3

这个怎么样：-

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

- Rahul Tripathi