Jquery：Closest（）div删除不起作用

Question

Jquery最接近的div删除不工作我在stackoverflow上发现相同的问题，但这些问题无法解决我的问题

closest div remove js fiddle here

flush

Answer 1

以下是您的解决方案https://jsfiddle.net/woeot0L4/1/

$(document).on('click', '.deleter',function(){
   $(this).parent().remove();
});

由于您要动态附加删除器类元素，因此单击将不起作用。您需要将事件绑定到类或单击时使用文档。

Answer 2

您在click之前添加deleter事件，因为它是在click到addproduct上创建的，这在文档加载时没有发生。您需要创建一个on事件，如下所示：

$('#dynamicInput').on("click", ".deleter", function() {
    $(this).parent().remove();
});

您还需要确保不要复制HTML id。这是一种不正确的HTML编程方式。如果某些内容是唯一的，请使用id。如果它不唯一，请使用class。

Answer 3

由于您之后将元素添加到dom，因此click-event不会绑定到.deleter。每次创建这样的新元素时都必须调用它：https://jsfiddle.net/woeot0L4/5/