我需要在页面上的活动任务菜单链接上添加.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>
答案 0 :(得分:15)
您可以使用jQuery循环浏览所有链接,并将其网址与location
进行比较。这是一个例子:
$(".sf-menu a").filter(function(){
return this.href == location.href.replace(/#.*/, "");
}).addClass("active");