Клон и элемент изменения JQuery ID

Question

Я хочу клонировать этот ТР персонального стола и сменить его id равномерно.

<tr id="tr"> 
    <td class="row form-group"> 
     <input type="text" name="name" id="first"> 
    </td> 
    <td class="row form-group"> 
     <input type="text" name="name" id="second"> 
    </td> 
    <td class="row form-group"> 
     <input type="text" name="name" id="third"> 
    </td> 
    <td class="row form-group"> 
     <input type="text" name="name" id="forth"> 
    </td> 
    <td class="text-center"> 
     <a href="#" disabled="disabled"> 
      <i class="fa fa-trash-o"></i> 
     </a> 
    </td> 
</tr> 

Я пробовал до сих пор.

var cloneCount = 1; 
$("#tr").clone().attr('id', 'id'+ cloneCount++).insertAfter("#tr"); 

но это мне не нравится.
Обновление: Он генерирует/обновляет идентификатор TR, но на самом деле я не хочу этого, на самом деле я хотел сделать, это изменить id как first0, second0, third0, forth0 и first1, second1, third1, forth1 и т. Д. , надеюсь, что вы все поймете.

Answer 1

$("#tr").clone().attr('id', 'id'+ cloneCount++).insertAfter("#tr"); 

Над строкой изменится только клон tr id.

Вам нужно сделать следующее, чтобы изменить input идентификатор элемента

$("#tr").clone().find('input').attr('id', function(i, val){ 
    return val + cloneCount; 
}); 

Answer 2

http://jsfiddle.net/jdfxv0q6/1/

Здесь я добавил новый класс в HTML (clonableDiv), и диапазон идет first1, first2 ... если вы хотите начать с first0, перейдите на страницу

.size-2