169 похожих чатов

Сильно затупил, подскажите Есть код: <ul> <li> <ul

class="items">
<li></li>
<li>
<ul class="items">
<li></li>
<li></li>
<li></li>
</ul>
</li>
<li></li>
</ul>
</li>
<li>
<ul class="items">
<li></li>
<li></li>
<li></li>
</ul>
</li>
<li></li>
</ul>
К примеру я на последнем уровне нажимаю на li и мне нужно чтобы на родители ul с классом items добавлялся класс active, как такое сделать?

12 ответов

14 просмотров

insertAdjacentHTML привязать на событие мыши

Михаил- Автор вопроса
Михаил
А можно подробнее

Можно поподробнее вопрос?

Михаил- Автор вопроса
Роб
insertAdjacentHTML привязать на событие мыши

Получается этим методом смогу сразу получить всех родителей с этим классом и дать новый?

Михаил
Получается этим методом смогу сразу получить всех ...

Нет, это метод для добавления элемента. Вопрос в том чтобы получить всех родителей элемента? (одного)

Михаил- Автор вопроса
Роб
Нет, это метод для добавления элемента. Вопрос в ...

Вопрос в том, как получить родителей этого элемента с классом, а после всем им дать класс

Михаил
Вопрос в том, как получить родителей этого элемент...

Это два вопроса: 1) Всех родителей элемента можно получить через свойство parentNode. Всех = 1 2) Дать класс можно через метод classList.add() элемента.

Михаил- Автор вопроса
Роб
Это два вопроса: 1) Всех родителей элемента можно ...

Получается Html <ul> <li> <ul class="item" > <li> <ul class="item" > <li> <a> Js let a = document.querySelector("a"); a.onclick(function(){ this.parentNode(".item").classList.add("red"); })

Михаил
Получается Html <ul> <li> <ul class="...

parentNode - это свойство, а не метод. Если ты хочешь найти ближайший родитель по селектору, используй метод closest() вместо него. Будет работать именно так, как ты хочешь.

Михаил- Автор вопроса
Михаил
То есть оба "item" получат класс?

Нет, первый встреченный. Если хочешь чтобы все, нужно делать рекурсивную функцию или цикл.

Делегирование событий. Тебе это нужно. Один слушатель вешаешь на родитель и отлавливаешь событие где надо, even.target

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

Обсуждают сегодня

30500 за редактор? )
Владимир
47
а через ESC-код ?
Alexey Kulakov
29
Чёт не понял, я ж правильной функцией воспользовался чтобы вывести отладочную информацию? но что-то она не ловится
notme
18
У меня есть функция где происходит это: write_bit(buffer, 1); write_bit(buffer, 0); write_bit(buffer, 1); write_bit(buffer, 1); write_bit(buffer, 1); w...
~
13
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
Ребят в СИ можно реализовать ООП?
Николай
33
Как передать управляющий символ в открытую через CreateProcess консоль? Собсна, есть процедура: procedure TRedirectThread.WriteData(Data: OEMString); var Written: Cardinal;...
Serjone
6
в JclConsole объявлено так: function CtrlHandler(CtrlType: DWORD): BOOL; stdcall; - где ваше объявление с stdcall? у вас на картинке нет stdcall
Karagy
8
https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_h_common.erl#L174 https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_olp.erl#L76 15 лет назад...
Maksim Lapshin
20
~ 2m21s  nix shell github:nixos/nixpkgs#stack ~  stack ghc -- --version error: … while calling the 'derivationStrict' builtin at /builtin/derivation.nix:...
Rebuild your mind.
6
Карта сайта