Как удалить нужный блок при нажатии на кнопку в всплывающем окне?

Question

[Oslar]

Есть много пунктов в списке, и при удалении одного из них показывает окно с двумя кнопками "да" или "нет".
Как сделать, чтобы не создавать в html для каждого списка свое всплывающее окно. Должно быть одно всплывающее окно через которое можно будет удалить любой пункт из списка.

Вот пример с кодом

Answer 1

[Никита Ермиличев]

Очень кривой вариант, но работает (суть такова)

//То что должны удалить
var target;

jQuery('.open_win_idea').click(function () {
  target = $(this).parent();
  jQuery('#popup_idea, .bg_body').fadeIn();
});

jQuery('.close_win_butt_no').click(function () {
  jQuery('#popup_idea, .bg_body').fadeOut();
});

jQuery('.close_win_butt_yes').click(function () {
 //Удаляем
  $(target).remove();
  jQuery('#popup_idea, .bg_body').fadeOut();
});

Answer 2

[0xD34F]

const $popup = $('#popup_idea');
const $list = $('.list_idea');

$list.on('click', '.open_win_idea', function() {
  $popup.data('del', $(this).closest('li').index()).fadeIn();
});

$('.close_win_butt_yes').click(function() {
  $list.children().eq($popup.data('del')).remove();
  $popup.fadeOut();
});

$('.close_win_butt_no, .close_win').click(function() {
  $popup.fadeOut();
});

Comments

[Oslar]

0xD34F Доброго времени суток, нужна ваша помощь по вашему коду Вот здесь мой вопрос у меня классы не добавляются к новым пунктам, при клике на кнопку

[0xD34F]

Oslar, советую вам так больше никогда не делать. В смысле - звать отвечать на вопрос в комментариях к ответу на другой вопрос. Для этого есть кнопка "пригласить эксперта".

[Oslar]

0xD34F, не знал, учту!