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

Question

Hi

I'm very newbie with jQuery (and Javascript) and i don't know how to do this.

I want to grab two divs and insert them on 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>

Thank you very much

Answer 1

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

should do the trick, but untested.

Kind Regards

--Andy

Answer 2

Well you could use "wrapAll"

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

(edited because I'm feeble-minded sometimes)

Answer 3

Use wrapAll.

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