Question

这是我的HTML

<table id="itable">
<tbody>
    <tr>
        ......
        ......
    </tr>
    <tr class="form">
        <td>Form Of Document<span class='start'>*</span></td>
        <td><select class='formDoc form-control required'><option value=''>--plz choose--</option></select> </td>
        <td>Number of document<span class='start'>*</span></td>
        <td><input type='text' value=''  class='numOfDoc num_only form-control required' /></td>
    </tr>
    <tr class="form">
        <td>Type of document<span class='start'>*</span></td>
        <td><input type='radio' name='docType' class='hard' value='1' checked />Hard-Copy
            <input type='radio' name='docType' id='soft' value='0'/>Soft-Copy</td>
        <td colspan='2'><center class='textAdd'>Add more<span id="addFormDoc" class='symbleAdd glyphicon glyphicon-plus'></span></center></td>
    </tr>
</tbody>
</table>

这是我的js

 $("#addFormDoc").on("click",function(){
  var tr = $("#itable").find('tr.form').clone();
  $("#itable tbody").append(tr);
});

***我的问题： - 新元素，我想删除类.symbleAdd并添加类.sysbleDelect - 新元素，我想删除类.form，因为它应该只从第一个（旧）元素复制（克隆） - hard-copy和soft-copy的新元素和旧元素只能选择一个因为它具有相同的名称，所以我如何更改它的名称？

Answer 1

您必须在.append()操作之前放置此行。

tr.removeClass('form') // <-------------------------removes the class from the tr
  .find('#addFormDoc').attr('id', 'specificId'); //<--updates the ID to new one.

克隆元素并删除id

1 个答案: