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

Хелп, нужно менять атрибуты по клику в рамках группы, как

проще всего это написать?
https://jsfiddle.net/g4tc9s2z/

в примере есть два группы и сейчас атрибуты меняются для всех элементов

11 ответов

12 просмотров

Задавать какой то параметр, по типу кей в реакте, в ванильном жс тоже такое есть

Bogdan-Shilkin Автор вопроса

долго буду гуглить чтобы понять как это сделать

Bogdan-Shilkin Автор вопроса
Debis Morbius
Атрибут data погугли

вообще хз как использовать forEach на значение атрибута

Можешь в иннер хтмл всовывать стрелку по идее, там мапом перебирать массив и создавать каждый элемент отдельно, всовывая атрибут

Bogdan-Shilkin Автор вопроса
Debis Morbius
Можешь в иннер хтмл всовывать стрелку по идее, там...

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

Bogdan Shilkin
лично я хочу примитивную схему, ищем все элементы,...

Как ты задавать атрибуты будешь? Рандомно или уже всунутые? Тогда первый пункт зачем

Bogdan-Shilkin Автор вопроса
Debis Morbius
Как ты задавать атрибуты будешь? Рандомно или уже ...

const details = document.querySelectorAll("details"); details.forEach((targetDetail) => { targetDetail.addEventListener("click", () => { var dataGroup = targetDetail.getAttribute('data-group'); details.forEach((detail) => { if (detail !== targetDetail) { detail.removeAttribute("open"); } }); }); }); проще говоря надо выбрать все элементы по признаку атрибута со значением из переменной dataGroup

Bogdan Shilkin
const details = document.querySelectorAll("details...

https://developer.mozilla.org/ru/docs/Web/API/Document/querySelectorAll

Bogdan-Shilkin Автор вопроса
Debis Morbius
Как ты задавать атрибуты будешь? Рандомно или уже ...

обычные группы спойлеров, созданные вручную, единственное - стоит учесть что не всегда будет быть заданы группы

Bogdan-Shilkin Автор вопроса
Debis Morbius
screenshot https://developer.mozilla.org/ru/docs/Web/API/Docu...

типа такого чтоль? detail.querySelectorAll('[data-group = "' + dataGroup + '"]') {

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

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

Какой-то там пердун в 90-х решил, что есть какая-то разная типизация. Кого вообще это волнует?
КТ315
49
void terminal_scroll() { memmove(terminal_buffer, terminal_buffer + VGA_WIDTH, buffer_size - VGA_WIDTH); memset(terminal_buffer + buffer_size - VGA_WIDTH, 0, VGA_WIDTH); ...
Егор
47
Всем привет! Подскажите, пожалуйста, в чем ошибка? Настраиваю подключение к MySQL. Либы лежат рядом с exe. Все как по "учебнику"
Евгений
16
А можете как-то проверить меня по знаниям по ассемблеру?
A A
132
Здравствуйте! У меня появилась возможность купить книгу "Изучай Haskell во имя добра!". Но я где-то слышал, что эта книга устарела. Насколько это правда??
E
22
Здравствуйте! Я вот на stepic решаю задачи на хаскеле https://stepik.org/lesson/8443/step/8?unit=1578 мой код import Data.List (isInfixOf) removing :: String -> [String] ->...
E
10
Камрады, кто тесно работал с vtv, хотел уточнить. Ширина column задаётся жёстко на этапе создания дерева или можно в рантайме ее менять программно (не мышкой)?
Ed Doc
10
да ладно ... что там неочевидного ? глянуть в исх-ки датасета и/или кверика чтобы понять в каком месте и как выполняется обращения к св-вам blablaSQL - минутное дело, даже е...
Сергей
7
Здесь для arm кто-нибудь кодит ?
Nothing
52
Всем привет, у меня есть сервер принимающий входящие HTTP подключения, как проверить, что подключение было через прокси или нет, есть какие то поля в заголовках по которым мо...
DS
8
Карта сайта