(jQuery) How to grab two divs and insert them on a new div

Question

I am very new with jQuery (and Javascript) and I have no idea how to do this.

I want to grab two divs and insert them into a new div.

Example:

 <div class="test"></div>
 <div class="test"></div>
 <div class="test2"></div>
 <div class="test2"></div>

to

<div class="float">
    <div class="test"></div>
    <div class="test"></div>
</div>

<div class="test2"></div>
<div class="test2"></div>

Many thanks

+2

liebgott Apr 15. 10 at 13:13

3 answers

tvanfosson · Answer 1 · 2010-04-15T13:17:18+0000

 $('div.test').wrapAll( "<div class='float'></div>" );

Pointy · Answer 2 · 2010-04-15T13:16:58+0000

Well you can use "wrapAll"

$('div.test').wrapAll('<div class="float"/>');

( edited because sometimes I am weak-minded)

jAndy · Answer 3 · 2010-04-15T13:16:12+0000

$('<div/>', {
  class:   'float',
  css:     {
     position: 'relative',
     display:  'block'
  }
}).append($('.test')).prependTo('body');

should do the trick, but not tested.