將活動 class 添加到 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');