JQuery克隆和更改元素ID [重复]答案

【问题标题】：JQuery clone and change element ID [duplicate]JQuery克隆和更改元素ID [重复]
【发布时间】：2015-06-26 06:28:46
【问题描述】：

我想克隆一个特定表的这个 TR 并相应地更改它的 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，但我真的不想要这个，实际上我想做的是改变 id，比如 first0、second0、third0、forth0 和 first1、second1、third1、forth1 等等。希望大家理解。

【问题讨论】：

但这不喜欢我。 - 不知道这是什么意思，但似乎工作。 jsfiddle.net/pts6ss72 ：如果您需要 ID 为 tr1,tr2...，请尝试 $("#tr").clone().attr('id', $("#tr")[0].id+ cloneCount++)
对我也有用....jsfiddle.net/jdfxv0q6
我已经更新了我的问题/请看一下。

标签： php jquery

【解决方案1】：

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

这里，我在html中添加了一个新的类（clonableDiv），范围是first1，first2...如果要从first0开始，改成

.size-2

【讨论】：

【解决方案2】：

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

以上行将只更改克隆tr id。

你需要做以下改变input元素id

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

【讨论】：