Question

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

There’s a .wrapAll() for this:

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

You can give it a try here.