Question

我有一个包含2行和6列的HTML表格。最后一列有一个Bootstrap按钮，单击该按钮时，克隆最后一行并将其添加到表中。将新的最后一行添加到表后，我删除倒数第二行中的按钮。我的表装饰了一个名为：advPayment。

的类属性

这是我的HTML：

<table class="advPayment">
    <thead>
        <tr>
            <th>Type</th>
            <th>Ref No.</th>
            <th>Amount</th>
            <th>Deposit Date</th>
            <th>Comment</th>
            <th>&nbsp;</th>
        </tr>                        
    </thead>
    <tbody>
        <tr>
            <td>Cash</td>
            <td>12410008</td>
            <td>$175.00</td>
            <td>05-12-2015</td>
            <td>&nbsp;</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>Check</td>
            <td>5561</td>
            <td>$325.00</td>
            <td>05-12-2015</td>
            <td>&nbsp;</td>
            <td><a href="#" class="btn btn-success btn-xs add">Add</a></td>
        </tr>                        
    </tbody>
</table>

这是我的javascript：

$(".advPayment tbody tr:last td:last a").click(function(e) {
    e.preventDefault();

    $(".advPayment tbody tr").last().clone().appendTo(".advPayment");
    var rowCount = $('table.advPayment tbody tr').length - 1;

    // remove Add button from the second to the last row
    $(".advPayment tbody tr:nth-child(" + rowCount + ") td:last a").remove();

});

第一次单击“添加”按钮时，代码可以正常工作。下次我点击按钮时，它无法正常工作。

我有一种感觉，因为jQuery按钮绑定的工作方式，但我想得到第二个意见。还有另一种动态绑定的方法吗？

jQuery按钮绑定问题

0 个答案: