增加克隆属性值的tr标签

Question

我在尝试什么

单击按钮时，我尝试添加包含所有表单元素的行。添加新行时，表单元素的所有ID都将递增。假设默认情况下id是“username1”，那么克隆的tr将包含带有“username2”的输入元素。我需要增加标签的值以及id。

JS

var count = parseInt($('#counter').val(), 10) + 1;
    $('#counter').val(count);
var x = $('.clone-table tr.default').clone();
    fixIds(x, count);

function fixIds(elem, cntr) {
    $(elem).find("[id]").add(elem).each(function() {
    this.id = this.id.replace(/\d+$/, "") + cntr;
    });

HTML

<input type="hidden" id="counter" value="1"/>
.
.
.
<tr>
  <td>
    <input type="text" id="username1" name="username[]"/>
    <label for="username1">Username</label>
  <td>
<tr>

当克隆时，我希望属性值“username1”的标签与输入id一起递增