删除克隆的div

Question

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

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

Answer 1

这应该有效：

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

Answer 2

$( ".transactionsWrapper input:button" ).click( function() {
    $( this ).parent().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();
});

修改

嗯......如果在分配事件监听器后添加克隆的<div>元素，那将无效。最安全的方法是使用委托：

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