你们好
问题如下:我正在使用的网站上有很多盒子,每个盒子的角落都有一些小区域,当网站上线时,这些区域应该用来统计用户。因此,仅出于测试目的,我在标记中使用了带有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新手,非常感谢您的帮助。
非常感谢!
最佳答案
您可以使用filter
方法:
$('.usercount').filter(function() {
return $(this).text().length >= 4;
}).css({
'font-size': '12px',
'margin-left': '7px'
});