jquery - 分组或连接由循环创建的 jquery 对象，因此仅使用appendTo 一次

Question

我有一个for循环来生成一行div，我的代码是

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 中使用“长”HTML 字符串。这是一个看起来与您的代码更相似的解决方案。

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