javascript - JQuery 将 div 添加到图像列表

嘿，我有一个图像列表，我需要用 div 包装，这样每三个图像都在一个新的 div 中。第一个 div 必须从头开始，并在关闭和打开下一个 div 之前继续接下来的三个图像。最终的 HTML 应如下所示:

<div>
    <img />
    <img />
    <img />
</div>
<div>
    <img />
    <img />
    <img />
</div>
<div>
    <img />
    <img />
    <img />
</div>

我知道这应该与第 n 个子选择器有关，但到目前为止我只能选择单个元素，而不能一次选择三个。

最佳答案

嗯，

$('img:nth-child(3n)').each(function(){
    $(this).prevAll('img').andSelf().wrapAll('<div/>');
});

demo

关于javascript - JQuery 将 div 添加到图像列表，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/4731173/