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

Question

当连续按下按钮时，我正在克隆一行。该行包含按下的按钮，因此在克隆时，下面添加了一个新行，这意味着还有另一个按钮。按钮指示“添加”，但在按下添加时更改为“删除”。我遇到的问题是我希望click()函数检查按钮/类的最后一个实例，而不是检查原始按钮。我希望它检查最后一个按钮。

看看jsfiddle，看看我想做什么：

http://jsfiddle.net/Fogest/4gdJk/

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

编辑：使用jQuery v1.6.1

Answer 1

使用.on代替.click这里是documentation

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

working demo

或者您可以将.live用于jquery 1.6.1

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

demo for 1.6.1

Answer 2

这是DEMO。我想这就是你想要的！

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

Answer 3

This thread似乎正在处理相同的问题，并使用on()或delegate()函数解决此问题。