Question

我有一个表，按钮点击我正在使用.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 我想更改nos的容量，容量

由于

Answer 1

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

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

在克隆jquery上的tr内添加新的Id For Text Box

1 个答案: