Как удалить родительский элемент через дочерний?

Question

[danyarob]

Надо по нажатию на delete_block удалить родительский header со всеми дочерними

<div class="header">
<div class="block" ">
    
</div>
<div class="block" ">
    
</div>
<div class="block" ">
<div onclick = "deleteitem(this)" class="delete_block"></div>
</div></div>

Answer 1

[0xD34F]

Что помешало разобраться с этим вопросом самостоятельно? Всего-то надо было догадаться погуглить пару вещей:

1. Как получить родительский элемент
2. Как удалить элемент

Нет, серьёзно - ЧТО ВАМ ПОМЕШАЛО?

UPD.

Кого надо удалить, на кого надо нажимать, как будет производится удаление:

const itemSelector = '.header';
const buttonSelector = `${itemSelector} .delete_block`;
const remove = el => el.closest(itemSelector).remove();

Можно назначить обработчик клика каждой кнопке отдельно:

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

Или, применить делегирование:

document.addEventListener('click', ({ target: t }) => (
  t.matches(buttonSelector) && remove(t)
));

Comments

[danyarob]

То, что он выводит block, как родительский, а не header

[0xD34F]

Неубедительно, брехня это. Значит, надо было получить родительский элемент родительского - гуглится получение родительского, затем операция выполняется дважды. Не умеете до двух считать? Или, если подумать ещё немного, можно было догадаться погуглить, как получить предка, зная его класс.

Ответ дополнил.

Answer 2

[Надим]

<div class="header">
<div class="block" ">
    
</div>
<div class="block" ">
    
</div>
<div class="block" ">
<div onclick = "this.parentElement.parentElement.removeChild(this);" class="delete_block"></div>
</div></div>

Answer 3

[Дмитрий]

Давай за тебя погуглю?
parentElement, remove

<div>
  parent content
  
  <div onclick="this.parentElement.remove()">remove</div>
</div>

Задаваемые вопросы не перестают удивлять своей простотой, я бы даже сказал ТУПОСТЬЮ! С другой стороны, чего ждать от человека, который даже HTML разметку в примере к вопросу нормально написать не в состоянии...