jqueryの - グループまたはその一度だけ

Question

をappendToを使用するように、ループによって作成されたjQueryのオブジェクトを連結私はdiv秒の列を生成するためのforループを持って、私のコードは

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

あるこのコードは、模索しているようですすべての反復に対して#containerを追加し、新しいdivを追加します。私が最初にすべてのdivを作成して行き、その後、すべてを一度にコンテナに追加することができるようにコードを書くにはどうすればよい

？申し訳ありませんが、連結/グループ/ jqueryオブジェクトの追加などのキーワードを検索しようとしましたが、正しい検索結果がないようです。

TIA

Answer 1

ザンダーのソリューションは、うまく動作するはず助けることができます。私は個人的にjsの '長い' HTML文字列を扱うのが好きではありません。ここであなたのコードに似ている解決策です。

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

Answer 2

これは

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

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