Подсветка активного пункта меню по url на jquery?

Question

[lavezzi1]

Здравствуйте. Подскажите скрипт для подсветки пунка по его url, что бы на каждой странице не писать код для подсветки.

Answer 1

[jlekapb]

Привет!
Тут есть поддержка вложенных пунктов меню:
codepen.io/lkp/pen/vOPgzY

Answer 2

[Виталий Инчин ☢]

В гугле все битком по подобному вопросу.

var l = location.href.split("#")[0]; //Отбросим хэш

[].some.call(document.querySelectorAll("#punkti > a"), function(a){
  //Добавим нужному пункту класс active
  if(a.href == l) return a.classList.add("active"), true; 
});

Comments

[lavezzi1]

Спасибо. Нашел подобный скрипт. Но проблема - во всех класс добавляется к линку, а как сделать чтобы добавлялось к элементу li?

[Виталий Инчин ☢]

lavezzi1: да хотя бы a.parentNode.classList.add("active")