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

Question

哟伙计们， 问题如下：在我正在工作的网站上有很多盒子，每个盒子都有一些小区域，当网站上线时应该计算用户数量。因此，仅仅为了测试，我在我的标记中使用了带有id的数据来容纳数字：

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