Как создать функцию для кнопок в разделах?

Question

[Awake]

Новичок, поэтому код может вызвать у вас инстульт! :D
Получаю данные с бэкенда, отрисовываю их через Each (да-да, криво и косо, но пока что как умею, не судите меня :( )
Т.е. есть на страничке корзины тег div с id = divvv. Я начинаю создавать div2 с тегом ul. Далее добавляю наименование класса и т.д. 'prod_in_cart' + [j] - j - это у меня, так сказать, номер нового раздела ul. (Опять таки, по-другому не придумал как, ещё новичок) Нужен он для того, что если у меня несколько пришедших данных, то они будут "пронумированы" в "prod_in_cart". Потом всё добавленное в div2 я отрисовываю на страничке корзины -" divvv.appendChild(div2); " И так несколько раз. Теперь мне нужен совет, как правильно добавить функцию removeChild в кнопки с классом "remove". Я просто не понимаю, как теперь мне указать раздел, чтоб кнопка удаляла раздел, в котором она находится...

success: function(data) {
                console.log(data);

                $.each(data, function(key, value) {
                    //let div = document.querySelector('.div');
                    
                    for(var j = 0; j <= i; j++) {
                        var div2 = document.createElement('ul');
                        
                        div2.className = 'prod_in_cart' + [j];
                        div2.innerHTML = ('<a href = "http://frontend/product/' + value.ID + '">' + value.product_name + '</a>' + " \n " + value.product_price + " рублей");
                        div2.insertAdjacentHTML('beforeend', '<h6><button class="remove"'+ [j] +'>X</button></h6>');
                        divvv.appendChild(div2);
                    }
                    
                    const buttons = document.querySelectorAll('.remove');
                        
                    buttons.forEach(button => {
                        button.addEventListener('click', function(j) {
                            divvv.removeChild('prod_in_cart');
                        });
                    });

Answer 1

[Ваня]

это должно позволить удалить ul раздел, пробуйте

buttons.forEach(button => {
    button.addEventListener('click', function(j) {
            //divvv.removeChild('prod_in_cart');
           j.target.parentElement.parentElement.remove()
    });
});

Comments

[goshaLoonny]

Зачем вешать слушатель всем потомкам если можно повесить его родителю?

[Ваня]

goshaLoonny, понятно что мой вариант топорный, но я не сильно знаю js. Если вы можете сделать лучше, создайте ответ

[goshaLoonny]

Сергей, я писал, но вдруг напала лень) сейчас напишу
P.s. он не топорный