如何包装多个div

Question

例如，

<div id = "test1">test1</div>
<div id = "test2">test2</div>

我想包装像这样的父div，

<div id="parent_test">
    <div id = "test1">test1</div>
    <div id = "test2">test2</div>
</div>

我尝试使用jquery wrap()，但它只是逐个包装：（

Answer 1

您需要wrapAll：

$("#test1, #test2").wrapAll($("<div>", { id: "parent_test" }));

jsFiddle

Answer 2

使用.wrapAll()：

$('#test1,#test2').wrapAll('<div id="parent_test" style="color:red;"></div>');

<强> Working Demo

Answer 3

Use jQuery WrapAll method

<div id = "test1" class="my-div">test1</div>
<div id = "test2" class="my-div">test2</div>

$('.my-div').wrapAll("<div class='my-wrap'></div>");

http://jsfiddle.net/6eGuG/