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

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 => {
  const block = e.target.closest(buttonSelector)?.closest(blockSelector);
  block?.parentNode.removeChild(block);
});

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

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