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); });