如何包装多个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>');

工作演示

Answer 3

使用jQuery WrapAll方法

<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/