Показать сообщение отдельно
  #1 (permalink)  
Старый 18.01.2018, 04:30
Интересующийся
Отправить личное сообщение для EvgenyTryap Посмотреть профиль Найти все сообщения от EvgenyTryap
 
Регистрация: 19.09.2014
Сообщений: 19

выделить активный пункт меню и родительский
Нужна помощь!
Необходимо выделить активный пункт меню и его последний родительский пункт меню.

Например: перейдя по ссылке "страница 1", нужно добавить класс active активному пункту меню "страница 1" и его последнему родительскому пункт меню "подкатегория 1".
<div class="menu">
<span><a href="/category1">категория 1</a></span>
<span><a href="/category1/subcategory1">подкатегория 1</a></span>
<span><a href="/category1/subcategory1/page1">страница 1</a></span>
</div>


Есть вот такой код, но он добавляет класс active всем родительским пунктам меню.
$(function () {
    var location = window.location.href;
    $('.menu span').each(function () {
        var link = $(this).find('a').attr('href');
        if (location.indexOf(link) !== -1)
        {
            $(this).addClass('active');
        }
    });
});

Последний раз редактировалось EvgenyTryap, 18.01.2018 в 14:52.
Ответить с цитированием