我要做的是用相同的类计算当前页面中的所有元素,然后我将使用它添加到输入表单的名称上。基本上,我允许用户单击<span>,然后通过这样做,为更多相同类型的项目添加另一个。但是我想不出一个简单的方法来计算所有这些简单的jQuery/JavaScript。
我将然后命名项目为像name="whatever(total+1)",如果有人有一个简单的方法来做到这一点,我将非常感激,因为JavaScript不是我的母语。
我要做的是用相同的类计算当前页面中的所有元素,然后我将使用它添加到输入表单的名称上。基本上,我允许用户单击<span>,然后通过这样做,为更多相同类型的项目添加另一个。但是我想不出一个简单的方法来计算所有这些简单的jQuery/JavaScript。
我将然后命名项目为像name="whatever(total+1)",如果有人有一个简单的方法来做到这一点,我将非常感激,因为JavaScript不是我的母语。
当前回答
var count = $('.' + myclassname).length;
其他回答
获取引用同一类的元素数量的计数非常简单
<html>
<head>
<script src="http://code.jquery.com/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>
计算:
$ (' .yourClass ') . length;
应该没问题。
在变量中存储就像这样简单:
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
var count = $('.' + myclassname).length;
try
document.getElementsByClassName('myclass').length
let num = document.getElementsByClassName('myclass').length; console.log('Total "myclass" elements: '+num); .myclass{颜色:红色} <span class="myclass" >1</span> < span > 2 > < /跨度 < span class = " myclass”> 3 < / span > < span class = " myclass”> 4 > < /跨度