Wrapping a div around every three divs

Question

Say I have 6 child divs and they don\'t have unique identifiers:

Answer 1

There's a small plugin I've written which I use in scenarios like this. It takes a collection, and splits it in to chunks of x (where x is the size of each chunk):

$.fn.chunk = function( cLen ) {
    var chunks = [];
    while ( this.length ) {
        chunks.push( this.splice(0, cLen) );
    }
    return $(chunks);
};

It can then be used like this:

$('.child').chunk(3).each(function() {
  $(this).wrapAll('
');
});

Here's a fiddle

Or, as a plugin for this purpose:

$.fn.wrapEvery = function( cLen, wrapperEl ) {
    while ( this.length ) {
        $( this.splice(0, cLen) ).wrapAll( wrapperEl );
    }
};

Which could be used like this:

$('.child').wrapEvery(3, '
');

Here's another fiddle