jquery - 使用 jQuery 将所有元素包装在 div 中

Question

这个问题已经有答案了:

Wrap elements inside a div using jQuery (2 个回答)

已关闭 4 年前。

我有一个很奇怪的标记，但尽管如此，我有 3 个 div:

<div id="div1"></div>

<div id="div4"></div>

<div id="div12"></div>

这 3 个 div 之间可能还有其他元素，但我需要做的是确保有一个 div 包裹这 3 个 div，这样标记最终会像这样:

<div class="wrapped">
    <div id="div1"></div>

    <div id="div4"></div>

    <div id="div12"></div>
</div>

这可以使用 jQuery 的wrapp 或wrapAll 函数吗？

Answer 1

这可以通过 wrapAll() 实现。您可以使用nextUntil() , andSelf()和 add()匹配 #div1 和 #div12 之间的元素，包括:

$("#div1").nextUntil("#div12").andSelf().add("#div12")
          .wrapAll("<div class='wrapped'></div>");