jQuery如何包装每五个元素

Question

我知道我可以通过使用for循环或类似的方式来艰难地做到这一点，但我问

如果：有任何简单的方法可以将每5张图像包装在很长的图像列表中

谢谢

Answer 1

要将图像“包装”到另一个元素：

是的，它非常简单：

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

将每五张图像强制移至下一行

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

您也可以在CSS中完成此操作，但并非所有浏览器都支持nth-child ：

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