Question

我想克隆一个特定表格的TR，并将其id更改为accinlgly。

<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，但我真的不想要这个，实际上我想做的是更改id，如first0，second0，third0，forth0和first1，second1，third1，forth1等等。希望你能理解所有。

Answer 1

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

以上行只会更改克隆tr ID。

您需要执行以下操作才能更改input元素ID

$("#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

JQuery克隆和更改元素ID

2 个答案: