Remove в JavaScript

172
09 января 2021, 02:50

Не получается удалить объект.

funcDelete = (e) => {
e.target.remove()
}    
<div onClick="(e) => funcDelete"><span>Teet</span></div>

Мне надо всегда удалять div, но кликнув на span, удаляется именно span. Как правильно написать, чтобы при клике на span и div полностью удалялся элемент div?

Answer 1

Ваш вариант можно сделать так:

del = (e) => e.remove();
div {display: inline-block; margin: 5px; border: 2px solid orange; cursor: pointer;}
<div onclick="del(this)"><span>Teet</span></div> 
<div onclick="del(this)"><span>Teet</span></div> 
<div onclick="del(this)"><span>Teet</span></div> 
<div onclick="del(this)"><span>Teet</span></div> 
<div onclick="del(this)"><span>Teet</span></div>

Или так (заодно, если вы собираетесь дать им класс для стиля, можно будет уже и не заморачиваться с onclick="..."):

[...document.getElementsByClassName('moo')].forEach(  
  (e) => e.addEventListener('click', () => e.remove() ) 
);
.moo {display: inline-block; margin: 5px; border: 2px solid orange; cursor: pointer;}
<div class="moo"><span>Teet</span></div> 
<div class="moo"><span>Teet</span></div> 
<div class="moo"><span>Teet</span></div> 
<div class="moo"><span>Teet</span></div> 
<div class="moo"><span>Teet</span></div>

READ ALSO
Закруглить края у canvas
javascript

Закруглить края у canvas

Есть код как тут закруглить края

 184
Поймать свайп вправо
javascript

Поймать свайп вправо

Есть объект <div class="music--container">Как на JS поймать тот момент, когда 50% левой области объекта пытаются потянуть вправо и выполнить к примеру...

 163
Открытие списка select только вниз
javascript

Открытие списка select только вниз

Есть выпадающий список select

 147
Какая функция будет производительнее?
javascript

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

Функция traversalTreeDOM, у нее есть один +, она будет работать в более древних браузерах

 217