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;
}