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

考虑到这样的事情;

<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，如果它更短 – 但我怀疑它）计数与“项目”类div的数量？ 在这个例子中，函数应该返回5，因为有5个div与项目类。

谢谢！

Answer 1

你可以使用jquery .length属性

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

Answer 2

为了获得更好的性能，应该使用

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

因为它只会查找DOM的div元素，并且会很快。

build议：使用size()代替length属性意味着在处理中增加一个步骤，因为SIZE()在函数定义中使用length属性并返回结果。

Answer 3

你可以使用jQuery.children属性。

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

有关更多信息，请参阅http://api.jquery.com/

Answer 4

我刚刚使用jQuery大小函数http://api.jquery.com/size/创build了这个js函数;

 function classCount(name){ alert($('.'+name).size()) } 

它会提醒文档中类名出现的次数。

Answer 5

对于普通的js回答如果有人可能有兴趣;

 var count = document.getElementByClassName("item"); 

干杯。