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

jQuery 为每个 div 构建一些行

jQuery for each div build some rows

html

javascript

foreach

jquery

row