How can I grab multiple elements and wrap them in a div using jquery?

Question

I am familiar with wrap()and innerWrap(), which captures every div and individually wraps each instance of div with parameters wrap(). 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 him to be

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

How to do it?

Answer 1

Here .wrapAll():

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

You can try it here .

Answer 2

Use .wrapAll().

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

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