jQuery按类来计算元素; 什么是实施这个最好的方法?

我想要做的是计数当前页面中的所有元素与同一类,然后我将使用它被添加到input表单的名称。 基本上,我允许用户点击一个<span> ,然后再添加一个更多的相同types的项目。 但我想不出一个简单的用jQuery / JavaScript来计算所有这些的方法。

我打算把这个项目命名为name="whatever(total+1)" ,如果任何人有一个简单的方法来做到这一点,我会非常感激,因为JavaScript不完全是我的母语。

应该是这样的:

 // Gets the number of elements with class yourClass var numItems = $('.yourclass').length 


作为一个侧面说明,在链接jQuery对象上的很多函数调用之前检查length属性通常是有益的,以确保我们实际上有一些工作要执行。 见下文:

 var $items = $('.myclass'); // Ensure we have at least one element in $items before setting up animations // and other resource intensive tasks. if($items.length) { $items.animate(/* */) // It might also be appropriate to check that we have 2 or more // elements returned by the filter-call before animating this subset of // items. .filter(':odd') .animate(/* */) .end() .promise() .then(function () { $items.addClass('all-done'); }); } 

获取引用同一个类的元素数的计数就像这样简单

 <html> <head> <script src="jquery-1.4.2.min.js"></script> <script type="text/javascript"> $(document).ready(function() { alert( $(".red").length ); }); </script> </head> <body> <p class="red">Test</p> <p class="red">Test</p> <p class="red anotherclass">Test</p> <p class="red">Test</p> <p class="red">Test</p> <p class="red anotherclass">Test</p> </body> </html> 
 var count = $('.' + myclassname).length; 

计数:

$('.yourClass').length;

应该工作正常。

存储在一个variables中就像:

var count = $('.yourClass').length;

HTML:

 <div> <img src='' class='class' /> <img src='' class='class' /> <img src='' class='class' /> </div> 

JavaScript的:

 var numItems = $('.class').length; alert(numItems); 

小提琴演示里面只有div