将Active Class添加到父元素基于URL

Question

我需要分配一个班级＆＃34;活跃＆＃34;菜单导航但应将活动类分配给＆＃34; li＆＃34;元素而不是链接＆＃34; a＆＃34;元件。如何修改下面的代码来实现这个结果？还有另一个问题，就是所有元素都被分配了活动类，因为我的链接只改变了最后几个字母..

<nav>
    <ul class="tabbable">
        <li class="active"><a href="/portal.php?mode=articles&block=mylink1">my link</a></li>
        <li class=""><a href="/portal.php?mode=articles&block=mylink2">my link</a></li>
        <li class=""><a href="/portal.php?mode=articles&block=mylink3">my link</a></li>
    </ul>
</nav>

我的JS：

<script>
head.ready(function () {
  $('nav a[href^="/' + location.pathname.split("/")[1] + '"]').addClass('active');
});

Answer 1

head.ready(function () {
  $('nav a[href^="/' + location.pathname.split("/")[1] + '"]').closest('li').addClass('active');
});