Удаление клонированного div

Question

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

Если я клонировал приведенный выше div, скажем, 5 раз, что это за код jquery для удаления div, на основании которого была нажата кнопка удаления?

Answer 1

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

Answer 2

Это должно работать:

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

Answer 3

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