javascript - 各 div 要素内に増分番号を追加する

Question

複数の div を含むページがあり、各 div 内に増分番号を追加したいと考えています。

これでうまくいくと思いましたが、そうではありません：

$(document).ready(function(){
    var i;
    while ( i<count) {
        $('#div').append(i);
        i++;
    }
});

後にこのスクリプトを追加しました</body>

Answer 1

$(function(){
    $('div').slice(0, count).each(function(i){
       $(this).append(i+1);
    });
});​

.slice()は、一致した最初の n 個の要素を選択するためのものです ( で示唆されているように) i < count。詳細については、この投稿を参照してください。

デモはこちら

---

さらに..

div (または任意の要素) が互いに兄弟である場合は、よりエレガントな..

$('mySelector').each(function(){ $(this).append($(this).index()) });

Answer 2

これを行う1つの方法は次のとおりです。

​$("div").each(function(i){
    $(this).append(i);
});​​​

デモ