Как удалить ближайший элемент из всей коллекции?

Question

[Miron4ek_228]

Вот код - https://codepen.io/Menson/pen/vYWdpEX

При клике на эллипс - блок удаляется (последний). Как я могу сделать это со всеми блоками? Чтобы при клике на .block__close удалялся ближайший .block соответственно.

Answer 1

[0xD34F]

Кого надо удалить, по кому надо кликать:

const blockSelector = '.block';
const buttonSelector = `${blockSelector} .block__close`;

Делегирование, назначаем обработчик один раз общему предку удаляемых элементов:

document.addEventListener('click', e => {
  e.target.closest(buttonSelector)?.closest(blockSelector).remove();
});

Назначаем обработчик клика каждой кнопке индивидуально:

document.querySelectorAll(buttonSelector).forEach(function(n) {
  n.addEventListener('click', this);
}, e => e.currentTarget.closest(blockSelector).replaceWith());