jQuery 从数组构建画廊

Question

我有一个充满图像链接的数组，我想编写一个脚本，使用 javascript （带有 jQ​​uery 库），将格式化 html 输出，如下所示：

<div id="gallery">
<div class="scrollable">   
    <div class="items">
        <div>
            <img src="URL_from_array"/>
            <img src="URL_from_array"/>
            <img src="URL_from_array"/>
            <img src="URL_from_array"/>
            <img src="URL_from_array"/>
        </div> 
    </div>
</div>  
</div>

每处理 5 个图像链接后，它将添加另一个 div 容器在 items 类中。因此，如果数组包含 15 个图像链接，那么最终结果将类似于：

<div id="gallery">
<div class="scrollable">   
    <div class="items">
        <div>
            <img src="URL_from_array"/>
            <img src="URL_from_array"/>
            <img src="URL_from_array"/>
            <img src="URL_from_array"/>
            <img src="URL_from_array"/>
        </div> 
        <div>
            <img src="URL_from_array"/>
            <img src="URL_from_array"/>
            <img src="URL_from_array"/>
            <img src="URL_from_array"/>
            <img src="URL_from_array"/>
        </div>
        <div>
            <img src="URL_from_array"/>
            <img src="URL_from_array"/>
            <img src="URL_from_array"/>
            <img src="URL_from_array"/>
            <img src="URL_from_array"/>
        </div> 
    </div>
</div>  
</div>

依此类推，直到数组末尾。有什么想法吗？

编辑：对代码标识感到抱歉，发布时搞砸了。

编辑2：澄清。

Answer 1

*编辑 - 我修复了代码，以便它可以动态创建更多图像，每组五个。我相信这就是你所问的一切。

这个怎么样？

$('div#gallery img').each(function(){
    var i = $('div#gallery img').index(this);
   $(this).attr('src',images[i]); 
});

尝试演示