jquery - 別のdiv内で互いに隣り合う2つのdivを追加するための構文

Question

動的に生成される各親divに1つ（またはそれ以上）の子divを追加できるように、jquery構文を取得できません。以下は

は手紙私は各「文字のdiv」の内側に「数のDIV」（または2つの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'); 
    } 
}); 

の10行（divを）生成作業コードのですか？

jqueryの 'each'関数を使って 'divs'の中に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'); 
    } 
});