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

时间:2012-11-12 18:06:13

标签: php jquery 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>

1 个答案:

答案 0 :(得分:15)

您可以使用jQuery循环浏览所有链接,并将其网址与location进行比较。这是一个例子:

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