Как добавлять класс только на одной странице?

Question

[Vova135798]

Есть меню, у которого первый пункт всегда подчеркнут, так как добавлен класс active. Как мне сделать так, чтобы этот класс был добавлен только на одной странице. Есть какое-то решение через js?
https://codepen.io/vladimir2021794/pen/wvJxdbO

Comments

[Сергей delphinpro]

Эта задача решается на бэкэнде. Сто раз повторено.

Answer 1

[Kirill]

https://codepen.io/invfrontend/pen/ExWpXZv как вариант.
Данный вариант нужно будет модернизировать, если захотите подсвечивать ссылки в зависимости от страницы, где находитесь в данный момент. Для единственной определенной ссылки подойдет и этот вариант.

Comments

[Vova135798]

Извините, я плохо знаю js. Объясните , пожалуйста, как это работает

[Kirill]

Vova135798, все очень просто.
В начале вешается событие на document (Которое говорит "Сделал markMenu, когда вся страница будет готова", затем он выполняет ф-цию markMenu, в которой:
1. Получаем список всех нужных ссылок по классу.
2. Если данный урл равен "/", тогда мы перебираем все ссылки, которые мы хотим пометить и добавляем им CSS класс, который отвечает за визуальное оформление активного пункта меню.