jquery - Jquery克隆并增加属性ID

Question

克隆后如何增加 id 的数量。例如：第一行 id 1 和最后一行 id 2。当我单击按钮一个时，第一个相同的 1 和第二个 id 是 2，最后一个克隆是 3。对此有什么解决方案吗？提前谢谢各位。

<table>
<tr id="1">
    <td><label>contact name</label></td>
    <td>
        <select>
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
        </select>

    </td>
</tr>
<tr id="2">
    <td><label>contact name</label></td>
    <td>
        <select>
            <option>1</option>
            <option>2</option>
            <option>3</option>
            <option>4</option>
        </select>

    </td>
</tr>

$('.submit').click(function(e){
e.preventDefault()
var s = $('table tr:last-child);
s.clone(true).insertAfter(s);
 });

Answer 1

使用它： DEMO

$('.submit').click(function (e) {
    e.preventDefault()
    var s = $('table tr:last');
    s.clone(true).insertAfter(s).get(0).id = $('table tr').length;
})

Answer 2

$('.submit').click(function(e) {
    e.preventDefault();
    var s = $('table tr:last-child');
    var i = parseInt(s.attr("id"), 10) + 1;
    s.clone(true).insertAfter(s).attr("id", i);
});

这应该这样做。它解析克隆行的编号并增加它。一旦该行被克隆并插入，它就会id将该行的属性设置为更新后的数字。可以在这里看到一个示例：http: //jsfiddle.net/3Gnvs/，但它使用伪代码而不是您的确切代码。