Удалить div с помощью jquery

У меня есть простая html-страница с вводом файла и значком fontawesome, который я использую в качестве кнопки:

<div class = "col" id = "fileDivs">
   <div class = "block">
      <input type = "file" name = "files" /><i class = "fas fa-plus-circle text-success" id = "addFileBtn"></i><br/>
   </div>
</div>

Код jquery для добавления новой кнопки отлично работает

$("#addFileBtn").click(function(){
         $('.block').after("<input type='file' name='files' /><i class='fas fa-minus-circle text-warning' id='removeFileBtn'></i>")

Моя проблема связана с кнопкой удаления, которая, похоже, ничего не делает. (Оповещение даже не срабатывает)

$('#removeFileBtn').click(function(){
    alert(this.id);
    $(this).parent('.block').remove();
});

Любая помощь высоко ценится

При работе с динамически создаваемыми элементами необходимо использовать делегированный обработчик событий. Смотрите дубликат для более подробной информации. Я также настоятельно рекомендую вам изменить removeFileBtn на класс, поскольку ваша текущая логика может дублировать id, который недействителен и может привести к тому, что логика JS не будет работать должным образом.

Rory McCrossan 20.12.2018 11:22

Я заставил его работать. Спасибо

Monty Swanson 20.12.2018 11:45
Как конвертировать HTML в PDF с помощью jsPDF
Как конвертировать HTML в PDF с помощью jsPDF
В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.
0
2
29
0

Другие вопросы по теме