通过url&&href改变导航栏选中状态

html

<div class="header-bottom">
<!-- 无下拉导航 -->
<div class="container">
<div class="row">
<div class="col-sm-12">
<ul class="nav nav-pills nav-justified">
     <li class=""><a href="index.html">首页</a></li>
     <li><a href="html/php.html">PHP</a></li>
     <li><a href="#">Div/Css</a></li>
     <li><a href="#">JS</a></li>
     <li><a href="#">Out Side</a></li>
   </ul>
</div>
</div>
</div>

</div>

js

//遍历a标签获取href与当前网页url比较并添加class

$('.header-bottom .nav li a').each(function(){
$this = $(this);
if($this[0].href==String(window.location)){
$this.parents('li').addClass('active');
}
});