jquery - jqueryで要素にプログレッシブIDを追加するにはどうすればよいですか？

Question

jqueryを使用して、一連のdivにIDを追加したいのですが、もちろんIDは常に異なる必要があるため、id = "1"、id = "2"、id="3のような累進番号を使用することを考えました。 "など。

これが私のマークアップです：

コンテンツ

    <div class="box">
        <p>
            content
        </p>
    </div>
    <div class="box">
        <p>
            content
        </p>
    </div>
    <div class="box">
        <p>
            content
        </p>
    </div>

.each（）ループを試しましたが、コレクションとして何を渡すか（おそらく、$（'。box'）。lenght（）？ですが、コレクションではなく数値を返します）、およびコールバック関数を実装する方法がわかりません。助けてください？

前もって感謝します ：）

マウロ

Answer 1

.each()次のように使用できます。

$(".box").each(function(i, div) {
  div.id = "div" + (i+1); //i starts at 0
});

IDは、とにかくHTML4ではなく、数字で始めることはできないので、上記にプレフィックスを追加しました。コールバック関数は、インデックスと要素を引数として受け取ります。.each()これは0ベースなので、1で始まる場合は追加し1ます。

ここでテストできます。

Answer 2

.attr()機能を受け入れる

$(".box").attr('id', function(i) {
    return 'div_' + i;
});