当前位置：文江博客话题详情

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

发布于 2024-08-30 17:47:20 字数 269 浏览 3 评论 0原文

我想做的是计算当前页面中具有相同类的所有元素，然后将其添加到输入表单的名称中。基本上，我允许用户单击，然后通过这样做添加另一个以获取更多相同类型的项目。但我想不出一种方法来简单地用 jQuery/JavaScript 来计算所有这些。

然后我打算将该项目命名为 name="whatever(total+1)" 之类的名称，如果有人有一个简单的方法来做到这一点，我将非常感激，因为 JavaScript 并不完全是这样我的母语。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

最佳男配角 2024-09-06 17:47:20

应该是这样的：

// 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');
    });
}

Should just be something like:

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

As a side-note, it is often beneficial to check the length property before chaining a lot of functions calls on a jQuery object, to ensure that we actually have some work to perform. See below:

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');
    });
}

回复收藏 0 原文

〆凄凉。 2024-09-06 17:47: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>

Getting a count of the number of elements that refer to the same class is as simple as this

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

回复收藏 0 原文

美男兮 2024-09-06 17:47:20

var count = $('.' + myclassname).length;

var count = $('.' + myclassname).length;

回复收藏 0 原文

你又不是我 2024-09-06 17:47:20

HTML：

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

JavaScript：

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

仅限内部 div 的 Fiddle 演示

HTML:

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

JavaScript:

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

Fiddle demo for inside only div

回复收藏 0 原文

懒猫 2024-09-06 17:47:20

用于计数：

$('.yourClass').length;

应该可以正常工作。

存储在变量中就像这样简单：

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

回复收藏 0 原文

深居我梦 2024-09-06 17:47:20

尝试

document.getElementsByClassName('myclass').length

let num = document.getElementsByClassName('myclass').length;
console.log('Total "myclass" elements: '+num);

.myclass { color: red }

<span class="myclass" >1</span>
<span>2</span>
<span class="myclass">3</span>
<span class="myclass">4</span>

try

document.getElementsByClassName('myclass').length

let num = document.getElementsByClassName('myclass').length;
console.log('Total "myclass" elements: '+num);

.myclass { color: red }

<span class="myclass" >1</span>
<span>2</span>
<span class="myclass">3</span>
<span class="myclass">4</span>

回复收藏 0 原文

~没有更多了~

关于作者

时常饿

暂无简介

0 文章

0 评论

21 人气

关注发私信

友情链接

文江博客

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

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（6）

关于作者

相关话题

热门标签

推荐作者

lioqio

Single

禾厶谷欠

alipaysp_2zg8elfGgC

qq_N6d4X7

放低过去

友情链接

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

如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

评论（6）

关于作者

相关话题

热门标签

推荐作者

lioqio

Single

禾厶谷欠

alipaysp_2zg8elfGgC

qq_N6d4X7

放低过去

友情链接

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。