Изменить цвет ссылки текущей страницы с помощью CSS

Окт 12th, 2020 · Комментарии отключены

Как подсветить URL текущей страницы в навигации (неважно цветом или жирностью), чтобы не прописывать на каждый адрес отдельное правило?

С помощью jQuery вы можете использовать функцию .each для итерации по ссылкам со следующим кодом:

$(document).ready(function() { $("[href]").each(function() { if (this.href == window.location.href) { $(this).addClass("active"); } }); });

В зависимости от структуры страницы и используемых ссылок вам может потребоваться сузить выбор ссылок, например:

$("nav [href]").each …

Если вы используете параметры URL, может потребоваться их следующее:

if (this.href.split("?")[0] == window.location.href.split("?")[0]) …

Таким образом, вам не нужно редактировать каждую страницу.

InfoSfera