如何使用jQuery动态创建div的数量

Question

我有一个jQuery方法，我得到的数据集合如果集合有2个项目我想创建2个div，如果集合有5个项目我想创建5 div的。

我的片段是

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]); 
}