How do I grab several elements and wrap them in a div using jquery?

Question

Hello,

I am familiar with wrap() and innerWrap(), which grabs every div and individually wraps each instance of the div in a wrap() parameters. IE:

<div class="wrap me"></div>
<div class="wrap me"></div>
<div class="wrap me"></div>

Becomes

<div class="wrapped"><div class="wrap me"></div></div>
<div class="wrapped"><div class="wrap me"></div></div>
<div class="wrapped"><div class="wrap me"></div></div>

I want it to be

<div class="wrapped">    
    <div class="wrap me"></div>
    <div class="wrap me"></div>
    <div class="wrap me"></div>
</div>

How do I do that?

Answer 1

Use .wrapAll().

Example: http://jsfiddle.net/twHmM/

$('.wrap.me').wrapAll('<div class="wrapped" />');

Answer 2

There's a .wrapAll() for this:

$(".wrap.me").wrapAll("<div class='wrapped'></div>");

You can give it a try here.