javascript - 根据url分配不同的类

我需要动态地确定类“ active”以管理某些链接的样式。
我有此代码，但不起作用..

<script type="text/javascript" language="javascript">
function locationPathname(){

    var path = window.location.pathname.split('/');
    path = path[path.length-1];
    alert(path);
    if (path !== undefined) {
    $('livello2 a[href="/' + path + '"]').addClass('active');
  }
    }
 </script>

和html：

 <div class="livello2">
                 <div class="live">
                     <a href="./Live.php"><img src="live_off.png"></a>
                 </div>
                 <nav class="menu">
                     <ul>
                         <a href="./index.php" ><li>HOME</li></a>
                         <a href="./Concerti.php"><li>CONCERTI</li></a>
                     </ul>
                 </nav>
       </div>

CSS：

.active{background-color:red}

有人有任何建议或建议吗？

最佳答案

在您的JS中，您可以执行以下操作：

$('.livello2 a[href="/' + path + '"]')

（假设您已经在选择器的开头添加了该点），该点将被转换（在计算出path变量之后）为类似

$('.livello2 a[href="/Concerti.php"]')

但是代码中实际的href属性以.（点）开头，例如

href="./Concerti.php"

因此，您需要将上面的JS代码段更新为

$('.livello2 a[href="./' + path + '"]')

关于javascript - 根据url分配不同的类，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13644268/