Javascript 单击同一类的克隆元素上的事件

当一行中按下按钮时，我正在克隆一行。该行包含正在按下的按钮，因此克隆时，将在下面添加一个新行，这意味着还有另一个按钮。按钮状态为“添加”，但按下“添加”时变为“删除”。我遇到的问题是，我希望

click（）

函数检查按钮/类的最后一个实例，但它仍然检查原始按钮。我想让它检查最后一个按钮

看一看JSFIDLE，看看我想做什么：

我的问题不是将按钮的名称更改为“删除”，但我想知道如何将此单击功能应用于添加的最后一个按钮

编辑：使用jQuery v1.6.1。我想这就是你想要的

$('body').on('click', '.add-remove-new:last', function() {
        $('tr.newService:first').clone().insertAfter($('tr.newService:last'));
    });

---

似乎正在处理相同的问题，并使用

on（）

或

delegate（）

函数解决了该问题。

使用

。而不是
。单击此处


也可以对jquery 1.6.1使用
.live

$('.add-remove-new:last').live('click', function() {
    $('tr.newService:first').clone().insertAfter($('tr.newService:last'));
});

version added:1.7，但您可以使用任何替代方法来完成此操作，而无需使用其他软件？谢谢，这很有效。如果你想反映我使用的正确方法，你可以编辑你的答案。我在我的问题中补充说，我使用的是1.6.1。
$('.add-remove-new:last').live('click', function() {
    $('tr.newService:first').clone().insertAfter($('tr.newService:last'));
});