Javascript 设置重复按钮以注册单击事件jquery

Javascript 设置重复按钮以注册单击事件jquery,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个div,当单击该div内的按钮时,该div被复制。每个复制的div还包含一个应该复制div的按钮。现在,只有原始的div duplicate按钮起作用。我需要每个按钮复制包含该按钮的div。这是我的jQuery $(function() { $('.duplicate-button').each(function() { $(this).click(function() { $(this).closest('.desking-finance

我有一个div,当单击该div内的按钮时,该div被复制。每个复制的div还包含一个应该复制div的按钮。现在,只有原始的div duplicate按钮起作用。我需要每个按钮复制包含该按钮的div。这是我的jQuery

$(function() {
    $('.duplicate-button').each(function() {
        $(this).click(function() {
            $(this).closest('.desking-finance').clone().appendTo('.extra-finance-lease');
        });
    });
});

问题在于此函数的执行。它只针对现有元素,而不是可能创建的新元素

为了让此函数在单击时为每个新的或旧的div执行,请使用live来定位它们。以下是重构后的代码:

$(function() {
    $(document).on('click', '.duplicate-button', function() {
        $(this).closest('.desking-finance').clone().appendTo('.extra-finance-lease');
    });
});
我使用document绑定click处理程序,但尝试使用一个与重复按钮相关的更接近的父元素。也许是集装箱部门


不需要$each,因为$each将以触发事件的目标元素为目标。

Try.clonetrue也可以克隆数据和事件。您还可以使用处理程序并将其附加到初始页面加载时存在的公共父元素。如果你发布你的标记,有人可以提供一个具体的例子。Adeneo,谢谢你。如果你想留下一个答案,我可以接受它是正确的。生活是在1.7和1.9删除。谢谢你的提示!我们应该使用.on来代替