0

我对此很陌生，只是试图拼凑其他帖子的片段。

我不确定如何计算页面上的元素数量，然后添加一个类以用数字区分它们。

<script type="text/javascript">
$(document).ready(function(){
    $('.item').each(function (e) { $(this).addClass('count' + e); });
});
</script>

<div class="item"></div>
<div class="item"></div>
<div class="item"></div>

输出到：

<div class="item count1"></div>
<div class="item count2"></div>
<div class="item count3"></div>
4

4 回答 4

2

尝试这个

$('div.item').each(function(i,n){ $(n).addClass('count' + (i + 1));});
于 2012-07-13T21:45:45.923 回答
1 
$('.item').addClass(function(i){
    return "count" + (i + 1);
});
于 2012-07-13T21:49:02.617 回答
1

如果你只是改变，你所拥有的就很好：

$(this).addClass('count' + e);

至

$(this).addClass('count' + (e + 1));
于 2012-07-13T21:50:02.323 回答
1

尝试这个：

$('.item').each(function (i, e) { $(e).addClass('count' + i); });
于 2012-07-13T21:45:17.617 回答