计算具有特定类的元素数量，然后添加一个对其进行编号的ID

Question

我对此非常陌生，只是想把其他帖子的片段拼凑起来。

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

<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>

Answer 1

试试这个

$('div.item').each(function(i,n){ $(n).addClass('count' + (i + 1));});

Answer 2

试试这个：

$('.item').each(function (i, e) { $(e).addClass('count' + i); });

Answer 3

$('.item').addClass(function(i){
    return "count" + (i + 1);
});

Answer 4

如果你改变的话，你所拥有的就好了：

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

到

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