jquery - JQuery 用带编号的类包装 div

Question

这有点棘手，假设这种情况：

<div class='top'>

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

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

</div>

我想用部分类包装 div，将其编号为 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()，它将使用当前元素的索引进行调用。这样，您甚至不必使用each()：

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