在 div 中嵌入部分元素

Question

我有如下所示的三个部分元素：

<section class="rbs-section" id="rbi_S_12466479" name="world1">
<p>Hello World1</p>
</section>

<section class="rbs-section" id="rbi_S_12466477" name="world2">
<p>Hello World2</p>
</section>

<section class="rbs-section" id="rbi_S_12466478" name="world3">
<p>Hello World3</p>
</section>

我正在尝试将它们放入这样的 div 中：

<div class="world">
    <section class="rbs-section" id="rbi_S_12466479" name="world1">
    <p>Hello World1</p>
    </section>
</div>
<div class="world">
    <section class="rbs-section" id="rbi_S_12466477" name="world2">
    <p>Hello World2</p>
    </section>
</div>
<div class="world">
    <section class="rbs-section" id="rbi_S_12466478" name="world3">
    <p>Hello World3</p>
    </section>
</div>

如何创建 div，然后将这些部分移动到那些 div？实现这一目标的最简单方法是什么？请告诉我。

干杯。

Answer 1

在此上下文中尝试使用 .wrap() 来简化您的工作，

$(".rbs-section").wrap("<div class='world' />")

在 div 中嵌入部分元素

Embed section elements in divs

html

javascript

embed

jquery

DEMO