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

Set duplicated buttons to register click events jquery

本文关键字：事件 jquery 注册 按钮 设置      更新时间：2023-09-26

我有一个div，当单击该div中的按钮时，它会被复制。每个复制的div还包含一个应该复制div的按钮。现在，只有原始的div"复制"按钮可以工作。我需要每个按钮来复制包含该按钮的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');
    });
});

我使用文档来绑定单击处理程序，但尝试使用相对于重复按钮更接近的父元素。也许是一些集装箱部门

不需要$。每个，因为$（this）将针对触发事件的目标元素。

相关文章：