клонировать элемент и удалить id

вот мой 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может выбрать только один, потому что он имеет то же имя, так как я могу изменить имя его?

1 ответ

  1. Вы должны поставить эту линию непосредственно перед .append()операцией.

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