jQueryで項目数に基づいてdivを動的に作成する方法

Question

データのコレクションを取得するjQueryメソッドがあります。コレクションに2つの項目がある場合2つのdivを作成したい場合、コレクションに5つの項目を作成する場合は5 divs。

私のスニペットは

function fetchOrderData() { 
    $(".loading").show(); 
    $.ajax({ 
     method: "GET", 
     url: baseUrl + "GetData", 
     data: { JobNo: $("#JobNo").val() } 
    }).success(function (data) { 
     if (data) { 
      $("#datano").html("<strong>data Id: </strong>:" + data.No); 
      $("#itmqty").html("<strong>Qty: </strong>:" + data.Quantity); 
      $("#price").html("<strong>Price: </strong>:" + data.Price); 
        }); 
       }); 
      } else { 
       $('.alert-danger').show(); 
      } 
     } 

マイデザインコードは次のとおりです。

        <div class="box4"> 
            <div class="col-md-4" id="datano"> 
             <strong>ItemNo: </strong></div> 
            <div class="col-md-2" id="itmqty"> 
             <strong>Qty: </strong></div> 
            <div class="col-md-3" id="price"> 
             <strong>Price: </strong></div> 
            <!-- <div class="col-md-2" id="item_status"> 
             Status</div> --> 
            <div class="col-md-1"> 
             <a href="" data-toggle="modal" data-target="#itemformedit"><span class="glyphicon glyphicon-edit"> 
             </span></a>| <a href=""><span class="glyphicon glyphicon-eye-open"></span></a> 
            </div> 
           </div> 

Answer 1

使用JSONエンコードが配列にそれを渡すために（例：データ）とに 'のための' ループを使用成功関数。

for(i = 0 ; i < data.length; i++){ 
    $("#datano").html("<strong>data Id: </strong>:" + data[0]); 
    $("#itmqty").html("<strong>Qty: </strong>:" + data[1]); 
    $("#price").html("<strong>Price: </strong>:" + data[2]); 
}