JQuery-оболочка с пронумерованными классами

Question

Это несколько сложно, если предположить такой сценарий:

<div class='top'>

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

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

</div>

Я хочу обернуть элементы div с классом section, присвоив ему номер level1, level2 и т. Д., Что приведет к следующему:

<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 () , и она будет вызываться с индексом текущего элемента.Таким образом, вам даже не нужно использовать каждый () :

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