Задать вопрос
@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 разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
Middle JavaScript Developer
AppsTrain.io
от 80 000 до 180 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Нужен человек с опытом работы с библиотекой SwiperJS
03 мая 2024, в 03:55
1000 руб./за проект
Скрипт для оценки ссылки через Virus Total
03 мая 2024, в 02:30
3000 руб./за проект
Переписать бота тг с питона на Go по ветке из гита
03 мая 2024, в 02:03
20000 руб./за проект
Ещё заказы