jQuery wrapAll – wrap all elements

jQuery serialize()

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.

Based on United States, Jacob Frazier is a skilled JavaScript developer with over 8 years of experience. He is passionate about change and trying new things, both professionally and personally. He loves startups and is extremely proactive.

You may like:  Clear form fields with exception in jQuery

Leave a Reply

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