Match поиск совпадений
Вложений: 1
Если ссылка в браузере совпадает с атрибутом href в теге A, выделяем тег А через класс active, все работает отлично, НО почему первый тег А (кнопка Главная) всегда подсвечен? Как это исправить?
https://javascript.ru/forum/attachme...d=159694761 8 $('nav ul li a').each(function() { if(decodeURI(window.location.pathname).match($(this).attr('href'))) { $(this).addClass('active'); } }); <nav> <ul> <li><a href="/">Главная</a></li> <li><a href="/view/">Популярное</a></li> <li><a href="/com/">Обсуждаемое</a></li> <li><a href="/rand/">Случайное</a></li> </ul> </nav> |
zhenia3003,
var li = document.querySelectorAll('nav ul li a'), index = 0, path = decodeURI(window.location.pathname); [...li].forEach((el, i) => path.match(el.getAttribute('href')) && (index = i)); li[index].classList.add('active'); |
Отличный пример, работает, но хочу понять, почему на Jquery не работает?
|
Цитата:
|
Часовой пояс GMT +3, время: 13:32. |