jQuery的克隆格內容的時間

Question

jQuery的可變數目：

$('#partsOrderQty').blur(function(){ 

var rowCounter = $(this).val(); 

console.log(rowCounter); 

var toAddRow = $("#skidListings").children().clone(); 

for (var i=0; i<rowCounter; i++) { 

    $("#skidListings").append(toAddRow); 

    console.log("Ran Once Just Now"); 

} 

}); 

HTML：

<div id="skidListings"> 

     <input class="ConfirmQty" name="ConfirmQty" type="text" value="<?php echo $confirm;?>"/> 

     <input class="ConfirmDesc" name="ConfirmDesc" type="text" value="<?php echo $des[$final]; ?>"/> 

     <input class="ConfirmWeight" name="ConfirmWeight" type="text" value="<?php echo $ShipWeight[$final]*$confirm; ?>" /> 

     <input class="ConfirmClass" name="ConfirmClass" type="text" value="<?php echo $class[$final]; ?>"/> 

     <input class="ConfirmNMFC" name="ConfirmNMFC" type="text" value="<?php echo $NMFC[$final]; ?>"/> 

     <input class="ConfirmLength" name="ConfirmLength" type="text" value="<?php echo $length[$final]; ?>"/> 

     <input class="ConfirmWidth" name="ConfirmWidth" type="text" value="<?php echo $width[$final]; ?>" /> 

     <input class="ConfirmHeight" name="ConfirmHeight" type="text" value="<?php echo $height[$final]; ?>" /><br /> 

    </div> 

爲什麼這隻克隆一次，即使它打印控制檯消息的時間正確的金額是多少？我必須清除這些值嗎？該功能允許我手動指定不同於從數據庫中提取的數量的碎片。我明白我不能用ID來克隆東西，但是我選擇了孩子，但沒有一個人有ID。我需要保留這些類，如果我刪除了名字？這很重要嗎？

編輯：爲每個請求http://jsfiddle.net/NxSwA/

Answer 1

變化的代碼

var toAddRow = $("#skidListings").children(); 
for (var i=0; i<rowCounter; i++) { 
    $("#skidListings").append(toAddRow.clone()); 
    console.log("Ran Once Just Now"); 
} 

這應該工作

更新＃1：立信因爲這是從.append文檔以下內容：「如果以這種方式選擇的元素被插入到DOM中其他地方的單個位置，它將被移動到目標（未克隆）「（感謝下面評論中的@Felix King）

Answer 2

我相信這就是你要找的...一個問題（至少我認爲它是一個問題）是，如果我加2，我會得到3（如預期），但現在如果我加1我應該期望有4個對吧？相反，我將結束了6，因爲它是克隆的#skidListings

的全部內容我會包裝每個skidListing在div class=skidListing，然後只需複製它們的一個實例......最後很可能，它應該是這樣的：

http://jsfiddle.net/NxSwA/1/

$('#partsOrderQty').blur(function() { 
    var rowCounter = $(this).val(); 
    console.log(rowCounter); 
    var toAddRow = $("#skidListings").children(".skidListing").last(); 
    for (var i = 0; i < rowCounter; i++) { 
     $("#skidListings").append(toAddRow.clone()); 
     console.log("Ran Once Just Now"); 
    } 
}); 

HTML

<input type="text" id="partsOrderQty" /> 
<div id="skidListings"> 
    <div class="skidListing"> 
     <input class="ConfirmQty" name="ConfirmQty" type="text" value="<?php echo $confirm;?>" /> 
     <input class="ConfirmDesc" name="ConfirmDesc" type="text" value="<?php echo $des[$final]; ?>" /> 
     <input class="ConfirmWeight" name="ConfirmWeight" type="text" value="<?php echo $ShipWeight[$final]*$confirm; ?>" /> 
     <input class="ConfirmClass" name="ConfirmClass" type="text" value="<?php echo $class[$final]; ?>" /> 
     <input class="ConfirmNMFC" name="ConfirmNMFC" type="text" value="<?php echo $NMFC[$final]; ?>" /> 
     <input class="ConfirmLength" name="ConfirmLength" type="text" value="<?php echo $length[$final]; ?>" /> 
     <input class="ConfirmWidth" name="ConfirmWidth" type="text" value="<?php echo $width[$final]; ?>" /> 
     <input class="ConfirmHeight" name="ConfirmHeight" type="text" value="<?php echo $height[$final]; ?>" /> 
     <br /> 
    </div> 
</div> 

本通知...如果我加2我有3個...如果我加1，我會有4（不是6）。這也可以讓你有更多的控制每個skidListing儘可能CSS，在JS中收集數據，刪除一些，等等。