javascript - 计算具有特定类的元素数量，然后添加对它们进行编号的 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').addClass(function(i){
    return "count" + (i + 1);
});

Answer 3

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

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

至

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

Answer 4

尝试这个：

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