1

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

funcDelete = (e) => {
e.target.remove()
}    

<div onClick="(e) => funcDelete"><span>Teet</span></div>

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

0

1 ответ 1

2

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

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>

4
  • @OPTIMUS PRIME скажите пожалуйста если я клик по 1 элементу удаляется последний или я где-то ошибся ?
    – Leks
    Commented 25 мая 2019 в 22:49
  • @Leks , удаляется тот, по которому кликнули... настолько быстро, что невозможно заметить) Если в функцию добавить второй аргумент (index), он будет указывать на номер элемента — jsfiddle.net/OPTlMUS/4yxpeu03 , здесь нагляднее. Commented 25 мая 2019 в 22:57
  • В react приложении почему то пишет, что: TypeError: e.remove is not a function
    – WoodRest
    Commented 27 мая 2019 в 5:36
  • Сработало с e.target.parentNode.remove()
    – WoodRest
    Commented 27 мая 2019 в 5:40

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.