Всем привет!
Бьюсь с этим целый день. Решил обратиться за помощью!
Исходные данные: На сайте в сайдбаре есть блок навигации описанный следующим кодом.
<h2 class="trigger"><a href="#">Раздел 1</a></h2>
<div class="toggle_container">
<ul>
<li><a href="/1-1.html">Ссылка 1-1</a></li>
<li><a href="/1-2.html">Ссылка 1-2</a></li>
<li><a href="/1-3.html">Ссылка 1-3</a></li>
</ul>
</div>
<h2 class="trigger"><a href="#">Раздел 2</a></h2>
<div class="toggle_container">
<ul>
<li><a href="/2-1.html">Ссылка 2-1</a></li>
<li><a href="/2-2.html">Ссылка 2-2</a></li>
</ul>
</div>
<h2 class="trigger"><a href="#">Раздел 3</a></h2>
<div class="toggle_container">
<ul>
<li><a href="/3-1.html">Ссылка 3-1</a></li>
<li><a href="/3-2.html">Ссылка 3-2</a></li>
<li><a href="/3-3.html">Ссылка 3-3</a></li>
<li><a href="/3-4.html">Ссылка 3-4</a></li>
</ul>
</div>
По адресу на которой сейчас находится пользователь Я определяю по какой ссылке он перешёл и нахожу эту ссылку с использованием jQuery следующим образом:
$("a[href='"+req_uri+"']")
Для простоты пусть будет так:
req_uri='/2-2.html';
Задача следующая: Нужно сделать addClass для ближайшего элемента с классом trigger вверх по коду. В данном случае это вот этот элемент:
<h2 class="trigger"><a href="#">Раздел 2</a></h2>
Я уже перебрал и closest, prev и find. Но либо это не то что мне нужно, либо Я не сумел ими воспользоваться назначению.
Надеюсь на помощь,
заранее благодарен!