Hello I would like to use jQuery to wrap sets of class elements in a div but can't find the solution
HTML:
<div class="view-content">
<div class="first">content</div>
<div class="first">content</div>
<div class="second">content</div>
<div class="third">content</div>
<div class="third">content</div>
</div>
Desired Result:
<div class="view-content">
<div class="column">
<div class="first">content</div>
<div class="first">content</div>
</div>
<div class="column">
<div class="second">content</div>
</div>
<div class="column">
<div class="third">content</div>
<div class="third">content</div>
</div>
</div>
Thanks for your help in advance!
You can use
.wrap()
to wrap something in adiv
but if your content is not ordered it will become a mess, here's an example:Input
Output
You could try whit this:
Here an example:
JSFIDDLE
Use wrapAll() method
Demo: http://jsfiddle.net/g9G85/
Or here is the very short dynamical solution:
DEMO: http://jsfiddle.net/CqzWy/
Demo http://jsfiddle.net/kQz4Z/8/
API: http://api.jquery.com/wrapAll/
Added a break line so that you can see the difference here :) http://jsfiddle.net/kQz4Z/10/
code