jquery - 在另一個div內相鄰添加2個div的語法

Question

我無法獲得jquery語法，因此我可以將1個（或更多）子div附加到每個動態生成的父div。

下面是生成的字母10行（div的）工作代碼

var alphabet = new Array('A','B','C','D','E','F','G','H','I','J'); 
$(function() { 
    for(i=0; i<10; i++) { 
     $('<div/>', { 
    id: 'foo', 
    'class': 'letters', 
    text: alphabet[i], 
    css: { 

     'padding-left': '5px', 
     'background-color': 'fff', 
     'overflow': 'hidden', 
     'height': '22px', 
     'width': '745px', 
    }, 
}).appendTo('div#container'); 
    } 
}); 

如何添加一個「數字格」（或2周的div），每個「信格」內？

我想我可以使用jquery的'each'函數在'letter div'中添加div，但是我想知道是否可以在上面的代碼中插入一個重複代碼，如$('<div/>', {...。我試過了，但是代碼中有錯誤，我不知道是不是邏輯或語法錯誤。請建議正確的代碼。

TIA

Answer 1

好追加內部的各個那些你可以簡單地

$(function() { 
    for(i=0; i<10; i++) { 
     var otherDiv = $('<div/>'); 
      var alphabetDiv = $('<div/>', { 
    id: 'foo', 
    'class': 'letters', 
    text: alphabet[i], 
    css: { 

     'padding-left': '5px', 
     'background-color': 'fff', 
     'overflow': 'hidden', 
     'height': '22px', 
     'width': '745px', 
    }, 
    }); 
    otherDiv.appendTo(alphabetDiv); 
    alphabetDiv.appendTo('div#container'); 
    } 
});