jquery - 番号付きクラスを持つJQueryラップdiv

Question

次のシナリオを想定すると、これはややトリッキーです。

<div class='top'>

    <div id='page1' class='in'>
    Mickey
    </div>

    <div id='page2' class='in'>
    Donald
    </div>

</div>

セクション クラスで div をラップし、レベル 1、レベル 2 などに番号を付けて、次のようにします。

<div class='top'>

    <section class='level0'>

        <div id='page1' class='in'>
        Mickey
        </div>

    </section>

    <section class='level1'>

        <div id='page2' class='in'>
        Donald
        </div>

    </section>

</div>

手がかりはありますか？ありがとう！

Answer 1

関数をwrap()に渡すことができ、現在の要素のインデックスで呼び出されます。そうすれば、 each()を使用する必要さえありません。

$("div.top div.in").wrap(function(index) {
    return $("<section>").addClass("level" + index);
});