jQuery - grupa lub concatenate jquery obiekty utworzone przez pętlę, tak aby wykorzystać appendTo tylko raz

Question

Mam for pętli do generowania rząd div s, mój kod jest

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

Kod ten wydaje się poszukiwać #container dla każdej iteracji i dołącza do niej nowy div.

Jak napisać kod, aby móc najpierw utworzyć wszystkie elementy div, a następnie dołączyć je do kontenera jednocześnie? Przepraszam, próbowałem wyszukiwać słowa kluczowe, takie jak concatenate/group/add jquery objects, i wydaje się, że nie mają właściwych wyników wyszukiwania.

TIA

Answer 1

rozwiązanie Xander powinien działać dobrze. Osobiście nie lubię pracy z "długimi" ciągami HTML w js. Oto rozwiązanie, które wygląda bardziej jak twój kod.

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

Answer 2

To może pomóc

var htm = ''; 
for(j=0; j<7; j++) { 
    htm+= '<div id="unique_'+i+'">whatever</div>'; 
} 

$('#container').html(htm); // Or append instead of html