Проблемы реализации кнопки удаления на JavaScript
Я студент, изучающий JavaScript и Django. Когда я выбираю текущий вариант, я хочу создать страницу, где я могу проверить, что информация (название товара, название опции и т.д.) выбранного варианта добавлена. Выбор опции в настоящее время реализован, но я также хочу реализовать функцию удаления добавленной информации после выбора, поэтому я написал JavaScript следующим образом: Я разработал кнопку удаления, чтобы она появлялась по очереди рядом с информацией об опции, и моя цель - удалить только соответствующую информацию при нажатии кнопки удаления. Однако меня расстраивает то, что вся добавленная информация исчезает, как только я нажимаю кнопку удаления. Я не знаю, как решить эту проблему. Не могу ли я просто удалить информацию, которую хочу удалить, не удаляя всю добавленную информацию? Гении кодирования, пожалуйста, помогите мне. Эта проблема не решается уже неделю. Если вы мне поможете, я буду тронут всем сердцем.
Код :
Вот как выражена кнопка удаления информации об опции. (Это в разделе JavaScript.)
" <div class=\"total_p\" style='margin-top:30px; margin-left: -2px;'>\n" +
" <p style=\"font-size: 18px;\">Price<strong class=\"price_amount\" style=\"font-size: 18px; color: #849160; margin-left: 180px;\">" + 0 + "</strong>won\n" +
" <span class=\"del_li_btn\" style='margin-top: -100px;'><img src=\"https://tictoc-web.s3.ap-northeast-2.amazonaws.com/web/img/icon/btn_del_circle.svg\"></span>\n" +
" </div>\n" +
Часть удаления, которую я написал на JavaScript, выглядит следующим образом.
$('.del_li_btn').on('click', function () {
var recent_delete_cnt = $('.del_btn .num').text();
var check_delete_ck = $('.table').is(':checked');
if (check_delete_ck == true) {
recent_delete_cnt = recent_delete_cnt - 1;
$('.del_btn .num').text(recent_delete_cnt);
}
$('.table').remove();
pay_total_func();
});