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

Question

各位， 问题如下：在我目前正在工作的网站上，有很多盒子，每个盒子的角落都有一些小区域，应该在网站上线时计算用户。因此，仅在测试中，我在标记中使用了带有 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 的新手，非常感谢您的帮助。 非常感谢！

Answer 1

您可以使用filter 方法：

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