删除克隆的 div

Question

<div class="transactionsWrapper">
  <input type="button" value="Delete" />
</div>

如果我克隆上面的 div 5 次，那么根据单击的删除按钮删除 div 的 jquery 代码是什么？

Answer 1

$( ".transactionsWrapper input:button" ).click( function() {
    $( this ).parent().remove();
} );

Answer 2

这应该有效：

$('input:button[value="Delete"]').click(function() {
    $(this).closest('div.transactionsWrapper').remove();
});

Answer 3

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

Answer 4

$(".button").click(function(){
    if($(this).parent().hasClass("transactionsWrapper")){
        $(this).parent().remove();
    }
})

Answer 5

只是...删除输入的父级？

$('input[value=Delete]').on('click', function () {
    $(this).parent().remove();
});

编辑

嗯...如果您在分配事件侦听器之后添加克隆的

元素，那么这将不起作用。最安全的方法是使用委托：

$(document.body).on('click', 'input[value=Delete]', function () {
    $(this).parent().remove();
});