jQuery 为每个 div 构建一些行

Question

在以下方面我真的需要一些帮助： 我有一个 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);

My working fiddle

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

Answer 1

使用.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)
});

Updated Fiddle