如何包装多个div

Question

example,

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

i want to wrap a parent div like this,

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

I tried to use jquery wrap() , but it only wraps one by one:(

Answer 1

You need wrapAll :

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

jsFiddle

Answer 2

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