使用jQuery或PHP将“ .active”类添加到菜单中当前页面的链接中

一尘不染

使用jQuery或PHP将“ .active”类添加到菜单中当前页面的链接中

css

我需要.active在页面上活动任务的菜单链接上添加类。我正在使用localhost，以下是一些示例URL：

http://localhost/webapp/index.php?task=validate
http://localhost/webapp/index.php?task=register

菜单的结构：

    <div class="menu">
       <ul class="sf-menu">
          <li><a href="index.php">Inicio</a></li>
          <li><a href="?task=validator">Validar</a></li>
          <li><a href="?task=register">Registro</a></li>
       </ul>
    </div>

阅读 259

2020-05-16

共1个答案

一尘不染

您可以使用jQuery遍历所有链接，并将它们的URL与进行比较location。这是一个例子：

$(".sf-menu a").filter(function(){
    return this.href == location.href.replace(/#.*/, "");
}).addClass("active");

2020-05-16