javascript - 如何在 javascript/jquery 循环中的 x 项之后包装元素？

Question

我在这里遇到了 javascript 循环的小问题。

我有一个点击方法，它从 json 文件接收数据并将该内容放入 div。

在 jquery 中，ajax 成功方法如下所示。

'success' : function(data) {
                items.push('<div class="home-page-slide-item"><ul>');   
        $.each(data, function(i, item) {
            if(!item.noData) {
                if(i % 7 == 0) {
                items.push('</ul></div><div class="home-page-slide-item"><ul>');
            }
                    
            items.push('<li><a href="' + item.link + '"><img src="' + item.poster + '" /><span>' + item.title + '</span></a></li>');
            }
                });
                $("div#" + $.cookie('type') + "-slides .home-page-slides").html(items.join(''));
        }

在每 7 个列表项之后，它必须被包裹在 ul 和 div 标签中。
它确实换行了，但它还在这个循环之前添加了第一个额外的 div > ul 标签，我该如何删除它？如何在成功方法“项目”数组中重新排序以获得想要的结果？

这是我得到的屏幕。

Answer 1

if(i % 7 == 0  && i > 0) { //skip first occasion since 0 % 7 === 0

}