このようにjavascript/jqueryでdivを作成する方法

Question

私はasp.net mvc 2アプリケーションを持っています。私は次のようなシナリオを持っています： 親のdivを作成したいと思います。コントロール付きdivの数。

これを実現する方法。

編集： 私はちょっと答えに満足しています。 DATA2（サブループ）のgetJsonのために入力する際のvar jが自動的にインクリメントます

//$.getJSON(url1,,function(data1){ 
    //for each item in data1 :- 
     for(j=0;j<parentCount;j++) 
       { 
        //Create the parent div 
        //$.getJSON(url2,,function(data2){ 
//**** here j automatically get j++ , why ? ****// 
        //For each item in data2 :- 
        for(i=0;i<childDivCount;i++) 
       { 
        //create child div, with controls (like radio,checkboxes).and attach to  parentDiv 
        } 

       }); 
      //Attach parent div to document. 
       } 
     }); 

：しかし、ときに私は、各ループでgetJsonを使用しています。それはなぜでしょうか？

編集： - 実際、私は質問応答シナリオを作成したいと思います。最初のgetJsonコールで私はすべての質問を取得しているので、次にサブgetJsonコールで私は各質問の回答を得ています。それぞれの質問について、私はdivを親divとして作成しており、その答えは親divと回答child divを追加しています。それで全部です。私はここでユーザーコントロールを使用したくないので、シナリオを生成するためにjson-jqueryの組み合わせを使用しました。これは私が達成したいものです。

Answer 1

これはすべきです:)。

for (j=0;j<parentCount;j++) 
{ 
    parentDiv = $('<div />'); 

    for (i=0;i<childDivCount;i++) 
    { 
    childDiv = $('<div />'); 
    parentDiv.append(childDiv); 
    } 

    someElementInDocument.append(parentDiv); 
} 

Answer 2

このようなものは、このトリックを実行する必要があります（実行しようとしていませんが、ほぼ正しいはずです）。

for(j=0;j<parentCount;j++) 
{ 
    //Create the parent div 
    $('body').append('<div id="parent-div">'); 
    for(i=0;i<childDivCount;i++) 
    { 
     //create child div, with controls (like radio,checkboxes).and attach to parentDiv 
     $('#parent-div').append('<select>...</select>'); 
    } 
}