Javascript 用一个站点地图突出显示当前页面

我有一个sitemap.php，每个页面上都包含“

”。在此之前，我在每个HTML或PHP站点上都有这个站点地图

所以现在：我想保留这个php文件，但是，如果用户点击一个链接，他将被重定向到的这个站点现在应该被突出显示。短：突出显示当前页面，但带有一个站点地图文件

我的CSS用于突出显示：

li.active {
  color: #fff;
}

我想你们都知道网站地图的样子：

               <ul class="nav nav-menu">
                  <li><a href="channel.php">
                      <div class="nav-menu__ico"><i class="fa fa-fw fa-comment"></i></div>
                      <div class="nav-menu__text"><span>Channel</span></div></a></li>
                  <li><a href="products.html">
                      <div class="nav-menu__ico"><i class="fa fa-fw fa-users"></i></div>
                      <div class="nav-menu__text"><span>Groups</span></div></a></li>
                  <li><a href="groups.php">
                      <div class="nav-menu__ico"><i class="fa fa-fw fa-bars"></i></div>
                      <div class="nav-menu__text"><span>Ranking</span></div></a></li>
                  <li><a href="users.html">
                      <div class="nav-menu__ico"><i class="fa fa-fw fa-user"></i></div>
                      <div class="nav-menu__text"><span>Users</span></div></a></li>
                </ul>

---

我想这必须用JS/jQuery/PHP来完成，但我真的不知道怎么做。

你可以在页面准备好后立即获得url页面，而不需要标题或尾随部分。然后可以使用新类标记最近的元素：

$（函数（）{
var pageUrl=window.location.pathname.split（'/'）.pop（）；
$（'a[href=“”+pageUrl+“]”）。最近（'li'）。addClass（'active'）；
});
li.active{
颜色：#ffff00；
}






您可以在页面准备好后立即获得url页面，而不需要标题或尾随部分。然后可以使用新类标记最近的元素：


$（函数（）{
var pageUrl=window.location.pathname.split（'/'）.pop（）；
$（'a[href=“”+pageUrl+“]”）。最近（'li'）。addClass（'active'）；
});
li.active{
颜色：#ffff00；
}






在服务器上非常简单，因为您知道要呈现哪个页面。或者在服务器上用javascriptSimple解析url，因为您知道要呈现哪个页面。或者用Javascript解析url这是一个很好的答案，谢谢你的帮助：D+这是一个很好的答案，谢谢你的帮助：D+1.