Question

克隆后如何增加id的数量。例如：第一行id 1和最后一行id 2.当我单击按钮1时，所以id第一个相同1和第二个是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/，但它使用伪代码而不是您的确切代码。

Jquery克隆和增加attri Id

2 个答案: