Задать вопрос
@Enter_a_nickname
javascript

Почему не получается присвоить класс current к пункту меню?

мой html:
<aside>
        <div class="menu">
            <a href="{% url 'home' %}" class="home">
                <img class="home-img" src="{% static 'main/img/home.svg' %}">
                <span class="navigation_label">Home</span>
            </a><br>
            <a href="{% url 'orders' %}" class="orders">
                <img class="orders-img" src="{% static 'main/img/orders.svg' %}">
                <span class="navigation_label">Orders</span>
            </a><br>
            <a href="{% url 'account' %}" class="Account">
                <span class="navigation_label">Account</span>
            </a><br>
        </div>
    </aside>


В таком случае мой jquery выглядит так?
let url = location.href;

  if (url.slice(-1) == '/') url = url.slice(0, -1);
  $($('#menu a').children().get().reverse()).each(function() {
    let link = $(this).children('a').first().attr('href');
    if (link.slice(-1) == '/') link = link.slice(0, -1);

    if (link && url.indexOf(link) === 0) {
      $(this).addClass('current');

      self.current = true;
    }
  });


Где ошибся? при добавлении в css ничего не меняется:
.current{
  background: red;
}
  • Вопрос задан
  • 54 просмотра
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
Senbonzakuraa
@Senbonzakuraa
Начинаю начинать 
const itemMenu = $('#menu a');
const url = location.pathname;
itemMenu.each(function (el) {
  if($(this).attr('href') === url) {
    $(this).addClass('current')
  }
})
Ответ написан
5 комментариев
5 комментариев
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript FullStack разработчик
Rocket • Смоленск
от 80 000 до 130 000 ₽
JavaScript Fullstack
OnClass
от 2 000 до 7 000 $
JavaScript FullStack developer
Wanted. • Санкт-Петербург
До 220 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Аппликация для фильтра заказов
22 дек. 2024, в 20:40
10000 руб./за проект
Расширение для Google Chrome
22 дек. 2024, в 20:34
3000 руб./за проект
Парсер-бот
22 дек. 2024, в 20:12
10000 руб./за проект
Ещё заказы