我要做的是用相同的类计算当前页面中的所有元素,然后我将使用它添加到输入表单的名称上。基本上,我允许用户单击<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 > < /跨度