Wie divs dynamisch basierend auf der Anzahl der Elemente mit jQuery erstellen

Question

Ich habe eine jQuery-Methode, wo ich eine Sammlung von Daten Wenn die Sammlung 2 Elemente Ich möchte 2 Divs erstellen, wenn Sammlung 5 Elemente, die ich erstellen möchte 5 divs.

My Schnipsel ist

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

My Design Code ist:

        <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

Verwendung json encode es in einem Array zu passieren (zB Daten) und die Verwendung einer 'für' loop on Erfolgsfunktion.

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