jQuery wrapAll – wrap all elements

jQuery Notification plugin

jQuery wrapAll wraps specified HTML element(s) in the set of matched elements.

This takes any string or object for passing into $() function to specify the HTML DOM structure. Around all the elements the structure will be wrapped as a single group.

Example of jQuery wrapAll:

Suppose you have following HTML:

<div class="main">
<div class="sub">John Doe</div>
<div class="sub">Jane Doe</div>
</div>

Now a new <div> wrapped around all matched elements to the HTML DOM structure:

$( ".sub" ).wrapAll("<div class='new' />");

The result will be:

<div class="main">
<div class="new">
<div class="sub">John Doe</div>
<div class="sub">Jane Doe</div>
</div>
</div>

For more information click here.

One thought on “jQuery wrapAll – wrap all elements”

Leave a Reply

Your email address will not be published. Required fields are marked *