jQuery按类计数元素-实现此目的的最佳方法是什么?

JavaScript CSS

十三西门

2020-03-20

我想做的是计算当前页面中具有相同类的所有元素,然后将其添加到输入表单的名称中。基本上,我允许用户单击a <span>,然后为另一个相同类型的项目添加另一个。但是我想不出一种简单地使用jQuery / JavaScript计算所有这些的方法。

然后,我打算将该项目命名为name="whatever(total+1)",如果有人能以简单的方式执行此操作,我将不胜感激,因为JavaScript并不是我的母语。

第2473篇《jQuery按类计数元素-实现此目的的最佳方法是什么?》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

1个回答
TomNear前端 2020.03.20

如此简单地获取引用同一类的元素的数量即可

<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>

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android