Как подсветить пункт в меню когда я на странице его потомка?

Question

[Konstantin]

Есть навбар

<ul class="sidebar-nav sidebar-nav-icons">
  <li><a href='/'><i></i>bla bla</a></li>
  <li><a href="Shipments"><i></i>bla bla</a></li>
</ul>

На странице Shipments есть ссылка на следующую страницу 'Shipments/Shipment' и когда я на ней нахожусь, я хочу чтобы Shipment в главном меню оставался подсвеченым.
Мой js который подсвечивает лишь главную страницу и Shipments:

$(function () {
                    var url = window.location.href;
                    $(".sidebar-nav-icons a").each(function () {
                        if (url == (this.href)) {
                            $(this).closest("li").addClass("active");
                        }
                    });
                });

Comments

[Ильдар Сарибжанов]

Дайте полную разметку навбара. Ну а так можно попробовать через parent, либо ещё классы добавить для "родителей"

Answer 1

[Кирилл Горелов]

Мне кажется вы класс не правильно задаете.
https://jsfiddle.net/gorelov/f4co742r/
Я тут переправил. Там только пути переправите и будет готово.