如何包裝多張的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/