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.