jquery - 对循环创建的jquery对象进行分组或连接,以便只使用appendTo一次

Question

我有一个for循环来生成一行divs,我的代码是

for(j=0; j<7; j++) {
   $('<div/>', {
     id: 'unique',
     html: 'whatever'
}).appendTo('#container');

这段代码似乎为每次迭代寻找#container并为它添加一个新的div.

如何编写代码以便我可以先创建所有div然后一次性附加到容器中？抱歉,我尝试搜索concatenate/group/add jquery对象等关键字,但似乎没有正确的搜索结果.

TIA

Answer 1

Xander的解决方案应该可以正常工作.我个人不喜欢在js中使用'long'HTML字符串.这是一个看起来更类似于您的代码的解决方案.

var elements = [];
for(j=0; j<7; j++) {
    var currentElement = $('<div>', { id: i, text: 'div' });
    elements.push(currentElement[0]);
}
$('#container').append(elements);