jquery如何包装每个第五个元素

Question

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

if：有一种简单的方法可以在一长串图像中包装每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;
}