jQuery计数具有某个类的div的数量？

Question

考虑这样的事情;

<div class="wrapper">
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
</div>

我如何使用jQuery(或简单的JS,如果它更短 - 但我怀疑它)计算带有"item"类的div的数量？在此示例中,函数应返回5,因为有5个div与item类.

谢谢!

Answer 1

您可以使用jquery .length属性

var numItems = $('.item').length;

Answer 2

为了获得更好的性能,您应该使

var numItems = $('div.item').length;

因为它只会查找div元素DOM并且会很快.

建议:使用size()而不是length属性意味着处理中的一个额外步骤,因为在函数定义中SIZE()使用length属性并返回结果.

Answer 3

您可以使用jQuery.children属性.

var numItems = $('.wrapper').children('div').length;

有关更多信息,请访问http://api.jquery.com/