dynamically group every n-divs and wrap up with a new div in Jquery

by Tushar Gupta

HTML

<div id="postings">
    <div class="contents">1</div>
    <div class="contents">2</div>
    <div class="contents">3</div>
    <div class="contents">4</div>
    <div class="contents">5</div>
    <div class="contents">6</div>
    <div class="contents">7</div>
    <div class="contents">8</div>
    <div class="contents">9</div>
    <div class="contents">10</div>
    <div class="contents">11</div>
    <div class="contents">12</div>
</div>

CSS

.test {
    border:1px solid #ccc;
}

JavaScript

var sel;
var count = 1;
while ((sel = $('#postings > div.contents')).length > 0) {
    sel.slice(0, 4).wrapAll('<div class= "test" id="newDivforWraping' + count+++'"></div>');
}