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

Question

亲们， 问题如下:在我目前工作的网站上有很多盒子，每个盒子的 Angular 落都有一些小区域，应该在网站上线时计算用户数。因此，只是为了测试，我在我的标记中使用了一个带有 id 的 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'
});