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

Question

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

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

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

编辑：使用 jQuery v1.6.1

score 2 · Accepted Answer

.on在此处使用.click 是文档

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

或者您可以.live用于 jquery 1.6.1

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

score 0 · Accepted Answer

0

该线程似乎正在处理相同的问题并使用on()ordelegate()函数解决它。

于 2013-08-07T18:38:02.213 回答

score 0 · Accepted Answer

这是演示。我想这就是你想要的！

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

3 回答 3