Как добавить класс ссылке?

Question

[Андрей Петров]

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

Есть меню категорий и подкатегорий.
Нужно, чтобы при наличии у ссылки на какую-либо из подкатегорий класса 'active' (в данном примере - у "Subcategory 1-2") данный класс 'active' добавлялся и к основной ссылке 'Header 1', что расположена выше в DOM.

Трудности вызывает работа с DOM, т.к. те же методы работы с элементами .find() или .closest() действуют лишь внутри своего DOM (<ul class="subcategory">). И как увязать это с <a href="#">Header 1</a> - пока не знаю.

Заранее спасибо.

<div class="menu">
	
	<div class="category">
		<h2 class="is_parent">
			<a href="#">Header 1</a>
		</h2>
						
		<ul class="subcategory">                       
			<li class="is_child">
				<a class="category" href="#">Subcategory 1-1</a>
			</li>
			<li class="is_child">
				<a class="category active" href="#">Subcategory 1-2</a>
			</li>
			<li class="is_child">
				<a class="category" href="#">Subcategory 1-3</a>
			</li>					
		</ul>
	</div>
	
	<div class="category">
		<h2 class="is_parent">
			<a href="#">Header 2</a>
		</h2>
						
		<ul class="subcategory">                       
			<li class="is_child">
				<a class="category" href="#">Subcategory 2-1</a>
			</li>
			<li class="is_child">
				<a class="category" href="#">Subcategory 2-2</a>
			</li>
			<li class="is_child">
				<a class="category" href="#">Subcategory 2-3</a>
			</li>					
		</ul>
	</div>
	
	<div class="category">
		<h2 class="is_parent">
			<a href="#">Header 3</a>
	**************
</div>

Comments

[UntitledNikname]

сделай селект всех ссылок.
document.getElementById('menu').gelElementsByTagName('a').getAtrribute('href');
таким образом у тебя будут все ссылки и при клике на одну из них, делаешь поиск . если нашел ссылку но parentElement тоесть LI добавляешь класс *active*.
Не говорю что это лучший вариант но он давольно часто встречается.

[Андрей Петров]

UntitledNikname, Немного не то. Мне не нужно добавлять *active* к parentElement li. Мне нужно добавить его к ссылке внутри h2, который стоит выше в DOM.

Answer 1

[Lord_Dantes]

Есть такая штука .parent() = это возвращает родителя элемента DOM.
https://basicweb.ru/jquery/jquery_method_parent.php

Удачи

Comments

[Андрей Петров]

Спасибо за наводку, но пока не очень понятно, как .parent() может здесь помочь. Им я, допустим, найду <li class="is_child">, что выше, а нужно как-то "ухватить" <a href="#">Header 1</a>

[Lord_Dantes]

Андрей Петров, в таком примере можно использовать $('.is_child a').ухватить()