Append container divs using jquery
How do I wrap a container div to every three divs + the leftover (the last container should wrap the last one, two or three divs...)?
This is my html code:
<div class="first">Content</div>
<div class="second">Content</div>
<div class="third">Content</div>
<div class="first">Content</div>
<div class="second">Content</div>
<div class="third">Content</div>
<div class="first">Content</div>
<div class="second">Content</div>
I would like to append container divs like this, using jquery:
<div class="container">
<div class="first">Content</div>
<div class="second">Content</div>
<div class="third">Content</div>
</div>
<div class="container">
<div class="first">Content</div>
<div class="second">Content</div>
<div class="third">Content</div>
</div>
<div class="container">
<div class="first">Content</div>
<div class="second">Content</div>
</div>
I´m thinking about using a for-loop, but can´t figure out how to wrap three and three divs in one container.