jquery how to wrap every fifth element

Question

Hello

i know i can do that in the hard way by using for loop or something like that but i'm asking

if : there is any simple way to wrap every 5 images in a long list of images

Thanks

Answer 1

To "wrap" an image with another element:

Yup, its pretty simple:

// document.ready
$(function(){
   $("#yourList img:nth-child(5)").wrap("<div class='image-wrapper'></div>");
});

To force every fifth image onto the next line

// document.ready
$(function(){
   $("#yourList img:nth-child(5)").css('clear','left');
});

This could also be done in your CSS, but nth-child is not supported across all browsers:

#yourList img:nth-child(5){
   clear: left;
}