如何使用 jQuery 检索具有特定类的众多元素的 .length？

Posted 2023-03-16

【中文标题】如何使用 jQuery 检索具有特定类的众多元素的 .length？

【英文标题】：How to retrieve .length of numerous elements with a particular class using jQuery?

【发布时间】：2014-10-11 08:26:03

【问题描述】：

各位， 问题如下：在我目前正在工作的网站上，有很多盒子，每个盒子的角落都有一些小区域，应该在网站上线时计算用户。因此，仅在测试中，我在标记中使用了带有 id 的 a 来容纳数字：

<span id="usercount">612</span>

用下面几行简单的jQuery：

var users = $('#usercount').text().length;

if (users >= 4) 
    $('#usercount').css('font-size','12px');
    $('#usercount').css('margin-left','7px');

如您所见，如果一个数字有 4 个或更多符号，它会变小并在该区域内正确对齐。 但是由于网站上应该有很多框，我已经将 id="usercount" 更改为 class="usercount" 并且它不再工作了。我知道应该有一些循环来从具有“usercount”类的每个元素中检索相同的数据，但我不知道如何使用适当的语法将其放下。我意识到这是一个简单的操作，但我是 JS 的新手，非常感谢您的帮助。 非常感谢！

【问题讨论】：

检查jquery排序规则的.each函数

嗯。你是在找usercount里面的数字，还是文字的长度？

其实就是那个span里面的文本长度。

【参考方案1】：

您可以使用filter 方法：

$('.usercount').filter(function() 
   return $(this).text().length >= 4;
).css(
    'font-size': '12px', 
    'margin-left': '7px'
);