【问题标题】:jQuery - Count active list items [duplicate]jQuery - 计算活动列表项[重复]
【发布时间】:2025-12-11 00:40:01
【问题描述】:

可能重复:
Count elements with jQuery

我有一个这样的列表项:

<ul id="scale">
   <li class="floatleft active"></li>
   <li class="floatleft active"></li>
   <li class="floatleft"></li>
   <li class="floatleft"></li>
   <li class="floatleft"></li>
</ul>

所以现在发生的事情是通过 jQuery 我将其中的几个列表项设置为活动的。现在我想做的是在它们被激活后在同一页面上计算这些活动项目。有什么办法吗?

【问题讨论】:

  • 您可以考虑学习初学者教程。
  • 对不起,我问的问题也错了。我已经编辑了我的问题。

标签: javascript jquery html html-lists


【解决方案1】:

你可以使用:

 $('#scale li.active').length

【讨论】:

  • 谢谢,这应该是解决方案。但是,在我通过 jQuery 在同一页面上自己激活它们之后,我希望能够计算活动的 li 项目。现在发生的情况是该值是活动类的原始值,而不是实际值。有办法解决吗?
  • 任何时候你运行它都会给你一个“规模”中让类处于活动状态的 LI 的数量。如果从所有中删除“活动”类,则长度将为 0。唯一的问题是,如果将结果分配给变量,例如: var items = $('#scale li.active');警报(项目。长度);每当您访问“项目”时,它总是会反映运行查询时的状态。
【解决方案2】:
document.getElementById('scale').getElementsByClassName('active').length

【讨论】:

    【解决方案3】:
    var count = $('#scale li.active').length;
    
    alert(count);
    

    这将为您提供活动列表项的计数。

    【讨论】:

      【解决方案4】:

      Similar question

      $('#scale li.active').length
      $('#scale li.active').size()
      

      【讨论】:

        【解决方案5】:

        如果你使用的是 jQuery,那么你可以有这样的东西:

        $('#scale li.active').length //efficient way
        

        $('#scale li.active').size()
        

        他们都会给你需要的结果。

        【讨论】: