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
