在克隆 jquery 上的 tr 内添加新的文本框 ID

Question

我有一个 table 并单击按钮我正在使用 .clone 添加行并使用 .prop 添加 id 现在我想做的是我想找到带有 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);
});

对于我的代码，它正在为 tr 添加 id 我想更改 id 为 nos,capacity

谢谢

Answer 1

在您的注释代码中，您需要使用以下方式访问这些元素：

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

在克隆 jquery 上的 tr 内添加新的文本框 ID

Add new Id For Text Box inside tr on clone jquery

javascript

jquery

jquery-plugins