Всем привет,
знаю, что тема не раз поднималась, в том числе и на этом форуме, но у меня возникли проблемы с реализацией. Провел часа 4 в гугле, но работающего для меня кода не нашел.
Итак, есть меню:
<div class="top_menu">
<ul>
<li><a href="/page1/">Страница 1</a></li>
<li><a href="/page2/">Страница 2</a></li>
<li><a href="/page3/">Страница 3</a></li>
</ul>
</div>
Нужно, чтобы при нахождении на страницах, отличных от page1, page2, page3 все выглядело как выше, а при нахождении, к примеру, на странице
www.site.tld/page2/ или
www.site.tld/page2/subpage/ к li добавлялся нужный класс, т.е.
<li class="current"><a href="/page2/">Страница 2</a></li>
Логика понятна - пропарсить все li из дива с классом top_menu на предмет тега a c атрибутом href, совпадающим с url текущей страницы, и в нужный li добавить класс current. Но ни один из примеров, найденных мной, на моем сайте не заработал (js в браузере включен, jquery подгружен, другие скрипты выполняются корректно).
Т.к. условия таковы, что сайт строится на шаблоне, в котором не обрабатывается php и в котором css во внешнем файле, ничего кроме jquery здесь не поможет. Подскажите, плз, нужный код.