JQuery для каждого деления с построить несколько строк

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