Как написать jquery parent (). Parent (). Parent () в чистом javascript

Как мне переписать этот код jquery в чистый код javascript.

    $(this).parent().parent().parent().remove();

Я сделал это:

this.parentNode.removeChild(this); // not working.

Мой html-код находится внутри моего javascript

div.innerHTML =
'<img src = "img.png">
<div class = "first">
   <div class = "second">
      <a href = "#">click me to remove img </a>
   </div>
</div>'

Вы пропустили 2 вызова parentNode, и this должен быть htmlelement, и он не будет дочерним, поскольку элемент не может находиться в двух местах одновременно. В основном то, что у вас есть, никогда не будет работать

— 03.07.2018 23:58

Ну, кроме этого, я лично никогда бы не стал писать эту ужасную строчку jQuery с самого начала. Ответ… то, что он сказал.

— 04.07.2018 00:01

this.parentNode.parentNode.parentNode.remove()

— 04.07.2018 00:03

javascript jquery

03.07.2018 23:57

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией

В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.

Концепция локализации и ее применение в приложениях React ⚡️

Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...

Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer

В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...

Безумие обратных вызовов в javascript [JS]

Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...

Система управления парковками с использованием HTML, CSS и JavaScript

Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...

JavaScript Вопросы с множественным выбором и ответы

Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...

Ответы 1

Похоже, вы пытаетесь удалить текущий элемент. Вы можете сделать это с помощью метода Удалить

document.getElementById('world').parentNode.parentNode.remove()

<div>
  <p>
    <span id = "hello">Hello</span>
    <span id = "world">World</span>
  </p>
</div>
<div>
  <p>
    <span id = "brass">Brass</span>
    <span id = "monkey">Monkey</span>
  </p>
</div>
<div>
  <p>
    <span id = "im">I'm</span>
    <span id = "batman">Batman</span>
  </p>
</div>

Еще одна вещь, которую вы можете сделать вместо использования parentNode тысячу раз, - это использовать ближайший

document.getElementById('world').closest('.group').remove()

<div class = "group">
  <p>
    <span id = "hello">Hello</span>
    <span id = "world">World</span>
  </p>
</div>
<div class = "group">
  <p>
    <span id = "brass">Brass</span>
    <span id = "monkey">Monkey</span>
  </p>
</div>
<div class = "group">
  <p>
    <span id = "im">I'm</span>
    <span id = "batman">Batman</span>
  </p>
</div>

04.07.2018 00:05

Другие вопросы по теме

Передача ссылки на объект в обратный вызов jQuery

Как получить содержимое JQUERY Datatables в MVC Controller

Как загрузить атрибут ссылки на отдельной странице

Список Python в виде массива JavaScript добавляет дополнительный текст

ReferenceError: "$" не определено

Получение kendo Treeview для копирования узла при перетаскивании

Как воссоздать анимацию звездной ночи / падающей звезды на домашней странице https://put.io?

CoreUI только одно раскрывающееся меню за раз

Запускать функцию, когда элемент загружен

Изменение даты при экспорте kendoGrid

Как написать jquery parent (). Parent (). Parent () в чистом javascript

Ответы 1

Другие вопросы по теме

Похожие вопросы