Добавить активный класс в href

Question

У меня небольшая проблема с этим кодом,

jQuery('.nav-menu  li:has(a[href="'+ window.location.pathname +'"])').addClass('active');

Это дает мне такие результаты:

<li class="active">
  <a href="/someUrl">Test</a>
 </li>

Но я хочу что-то вроде этого:

 <li>
  <a href="/someUrl" class="active">Test</a>
 </li>

Может ли кто-нибудь помочь мне с этим?

Answer 1

Вы почти у цели. Вам необходимо найти тег привязки перед addClass.

jQuery('.nav-menu li:has(a[href="'+ window.location.pathname +'"])').find('a').addClass('active');

Answer 2

Добавьте тег после li в ваш селектор.

jQuery('.nav-menu  li:has(a[href="'+ window.location.pathname +'"]) a').addClass('active');