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');
    }
});

如何在每个'letter div'中添加'number div'（或2 div）？

我想我可以使用jquery的'each'函数在'letter divs'中添加div，但我想知道是否可以在上面的代码中插入重复的代码，例如$('<div/>', {...。我试过了，但代码中有错误，我不知道它是不是逻辑或语法上不正确。请提供正确的代码。

TIA

Answer 1

在每个div中附加另一个div，你可以简单地

$(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');
    }
});

jquery - 在另一个div中将2个div彼此相邻的语法

1 个答案: