Javascript jQuery为每个div生成一些行

我确实需要以下方面的帮助： 我有一个HTML网格，其中在左侧显示对象，在右侧为每个对象显示一行：

我想要的是jQuery：对于左侧的每个对象，应该在右侧的一行中添加8项

迄今为止的jQuery代码：

var items = [],
    element = $('<div class="item"></div>');
    row = $("<div class='row'></div>");
for (var i = 0; i < 8; i++) { //clone the element in the loop
    items.push(element.clone());
}
$(".rightside").append(items);

var items=[]，
元素=$（''）；
行=$（“”）；
对于（var i=0；i<8；i++）{//克隆循环中的元素
items.push（element.clone（））；
}
$（“.rightside”）。追加（项目）；

因此，应该使用jQuery动态构建包含项的行

使用

.each（）

迭代

.object

元素

$('.object').each(function(){
    element = $('<div class="item"></div>');
    row = $("<div class='row'></div>");
    for(i=0;i<8;i++){
        row.append(element.clone());
    }
    $('.rightside').append(row)
});

$（'.object'）。每个（函数（）{
元素=$（''）；
行=$（“”）；
对于（i=0；i