Как добавить класс главному пункту меню?

Question

[S P]

Как подсветить пункт меню, если совпадает с url страницы? Этот код работает только при нажатии на родительский элемент. А как сделать чтоб при нахождении в подменю добавить класс родителю?

<ul id="nav">
       <li class="current-menu-item"><a href="index.html">Home</a></li>    
<ul class="submenu">
             <li class="submenu-menu-item"><a href="page-full.html">full</a></li>
             <li class="submenu-menu-item"><a href="page-features.html">featurs</a></li>
             <li class="submenu-menu-item"><a href="page-typography.html">typography</a></li>
          </ul>
       <li class="current-menu-item"><a href="page.html">menu-2</a>
          <ul class="submenu">
             <li class="submenu-menu-item"><a href="page-full.html">full</a></li>
             <li class="submenu-menu-item"><a href="page-features.html">featurs</a></li>
             <li class="submenu-menu-item"><a href="page-typography.html">typography</a></li>
          </ul>
       </li>
</ul>

$(function() {
  var pathname_url = window.location.pathname;
  var href_url = window.location.href;

  $("#nav li").each(function() {
    var link = $(this).find("a").attr("href");
    if (pathname_url == link || href_url == link) {
      $(this).addClass("active");
    }
  });
});

Comments

[Froggyweb]

'вообще этим занимается бэк
есть куча нюансов, но стандартно - так
твои костыли по урлу вряд ли кому-то нужны. Поэтому не надо делать то что не требуют...

Answer 1

[lUser L]

$(this).addClass("active").closest('.current-menu-item').addClass('active');

https://jsfiddle.net/mfLv8tcd/