Как удалять динамически созданный блок?

Question

[vitHlJT62b7VCE2]

На странице имеется несколько блоков, при её загрузке.
С помощью Jquery, я могу удалять их и всё работает нормально

$(document).ready(function(){
$(".fa-thumbs-down").click(function(){
$(this).parent().parent().remove();
})
});

Но если я добавлю новый, такой же блок, но динамически (после загрузки страницы, так же с jquery), уже ничего не происходит при нажатии на класс fa-thumbs-down. Как это исправить?

Answer 1

[Yarchick]

Для динамически добавленных элементов необходимо использовать делегирование событий

$(document).ready(function(){
   $(document).on("click", ".fa-thumbs-down", function(){
      $(this).parent().parent().remove();
   })
});