添加新的文本框內的tr克隆jquery

Question

我有一個表和按鈕單擊我添加行使用.clone和添加id使用.prop現在我想要做的是我想要找到文本框與它TR和改變ID我怎樣才能做到這一點

這裏是我的HTML

<table class="table purchasemanagement customtabl-bordered " id="tblpurchaseproductdes"> 
    <thead> 
     <tr> 
     <th><input type="checkbox" onclick="select_all()" class="check_all"></th> 
     <th>Product Description*</th> 
     <th>No's*</th> 
     <span class="error" id="purchse_no" style="color:red"></span> 
     <th>Capacity*</th> 
     <span class="error" id="purchse_errorcapacity" style="color:red"></span> 
     <th>Quantity</th> 
     <th>Full/Empty</th> 
     </tr> 
    </thead> 
    <tbody id="puchasedescbody"> 
     <tr class="purchaserow"> 
     <td><input class="case" type="checkbox"></td> 
     <td> 
      <select class='form-control drpdwn_pdtdescription' id='drpdwn_pdtdescription' name='pdtdescription'></select> 
     </td> 
     <td><input class='form-control pdtdesc_nos' id="no_1" name='nos' /></td> 
     <td><input class='form-control pdtdesc_capacity' id="capacity_1" name='capacity' /></td> 
     <td><input class='form-control pdtdesc_qty' id="quantity_1" name='quantity' readonly /></td> 
     <td><input class='case1 pdtdesc_full' type='checkbox' name='full' checked='checked'></td> 
     </tr> 
    </tbody> 
</table> 

JS

$(".purchasemore").on('click', function() { 

    var cloneCount = 1; 

    // var row = $(".purchasemanagement tr:last").clone().find(':input').val('').end(); 

    var row = $(".purchasemanagement tr:last").clone().prop('id', 'klon' + cloneCount); 

    // var test = $(this).find('input[name$="nos"]').attr("id"); 

    // alert(test); 

    $('.purchasemanagement').append(row); 
}); 

對於我的代碼，它是添加ID爲TR 我想改變ID爲NOS，capacit Ÿ

感謝

Answer 1

在你註釋掉的代碼，你需要使用訪問這些元素：

row.find('.pdtdesc_capacity').attr('id','capacity_' + cloneCount);