Задать вопрос
@Aleksey100
javascript

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

Здравствуйте.

Подскажите пожалуйста как на нативном js можно получить уникального родителя?
Например для элемента li уникальным родителем будет .second_block
А для #text уникальным родителем будет body

<body>
<div class='content'>
   <p id='text'>some text</p>
</div>
<div class='second_block'>
   <div class='content'>
      <p>some text 2</p>
      <ul>
         <li>list 1</li>
      </ul>
   </div>
</div>
</body>
  • Вопрос задан
  • 67 просмотров
2 комментария
Подписаться 1 Простой 2 комментария
Пригласить эксперта
Ответы на вопрос 2
Rsa97
@Rsa97
Для правильного вопроса надо знать половину ответа
В цикле поднимаетесь по родителям элемента и проверяете каждый на "уникальность".
Для id всё просто, если id есть, то он уникален.
Для тэга тоже несложно, getElementsByTagName и проверяете список на количество элементов.
Хуже всего для классов. Тут надо перебрать все их сочетания как отдельно, так и с именем тэга.
А есть ещё и data-атрибуты, которые также можно использовать в селекторах в сочетании с классами и именем тэга.
Ну и самое неприятное, на динамических страницах то, что было "уникальным" может перестать им быть в любой момент. Достаточно, например, убрать класс, обеспечивавший уникальность.

Кстати, для li у вас уникальным родителем будет ul.
Ответ написан
1 комментарий
1 комментарий
KorniloFF
@KorniloFF Куратор тега JavaScript
Работаю по font-end / JS
https://codepen.io/KorniloFF/pen/XOgVYz?editors=1011
UPD - подправил результат, сейчас вроде всё, как в вопросе.
https://codepen.io/KorniloFF/pen/NogBQV?editors=1011
Ответ написан
2 комментария
2 комментария
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
JavaScript Fullstack
OnClass
от 2 000 до 7 000 $
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
3д сцены
23 дек. 2024, в 04:30
10000 руб./за проект
Разработать телеграм бота с реферальной системой, Юкассой и ChatGPT
23 дек. 2024, в 02:13
20000 руб./за проект
Собрать из исходного кода и запустить в докере рабочее приложение с бд
22 дек. 2024, в 22:57
500 руб./за проект
Ещё заказы