Удалить динамический ток элемента

Question

Я имею форму и добавить кнопку нижней части тэ формы, которая является right..and всякий раз нажмите это добавление новой формы с кнопкой удаления, и если я нажимаю он должен удалить текущую форму

моих JS код

$(".iade_sil").on("click",function(){ 
     $(this).parents(".add_after").find(".group").remove(); 
    }); 

, и если вы хотите, вы можете увидеть полную демонстрацию и JS файлы

codepen demo

Answer 1

Вы должны зарегистрировать слушатель, чтобы посмотреть все новые элементы тоже. И вы хотите использовать closest, а не parents.

Даже вам не нужна closest тоже, вы можете выбрать .group непосредственно, потому что ваша кнопка удаления находится внутри этого элемента:

$(document).on("click", ".iade_sil", function() { 
    $(this).closest(".group").remove(); 
}); 

Answer 2

Вам нужно использовать делегирование событий для attachi ng для динамического добавления DOM. Вы должны также использовать .closest() вместо .parents() и траверс элемент группы:

$(document).on("click",".iade_sil",function(){ 
    $(this).closest(".group").remove(); 
}); 

Answer 3

Также вы можете использовать ближе всего к этому Gorup класса

$(document).on("click", ".iade_sil", function() { 
    $(this).closest(".group").remove(); 
});