使用jQuery将所有元素包装在一个div中[重复]答案

【问题标题】：Use jQuery to wrap all elements in a div [duplicate]使用jQuery将所有元素包装在一个div中[重复]
【发布时间】：2011-07-28 09:17:17
【问题描述】：

我有一个很奇怪的标记，但我有 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 的 wrap 或 wrapAll 函数吗？

【问题讨论】：

标签： jquery

【解决方案1】：

wrapAll() 可以做到这一点。您可以使用nextUntil()、andSelf() 和add() 来匹配#div1 和#div12 之间的元素，包括：

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

【讨论】：

【解决方案2】：

var wrapper = $('<div></div>').addClass('wrapped');
var parent = $('#div1').parent();
wrapper.append($('#div1, #div4, #div12')).appendTo(parent);

如果你愿意，你可以去掉 wrapper var。这是一个 jsFiddle：http://jsfiddle.net/DHTd6/

【讨论】：