jQuery超级方便的实现当前页的导航或分类高亮显示

admin 2020-03-07 21:50:28 807浏览 0评论
<script>
$(function(){
    var surl = location.href;
  var surl2 = $(".place a:eq(1)").attr("href");
  $("nav ul li a").each(function() {
    if ($(this).attr("href")==surl || $(this).attr("href")==surl2) $(this).parent().addClass("current-menu-parent")
  });
});
</script>

以上代码 .place 这个不用理会,主要指定一下路径即可 nav ul li a 对应这个就OK了, 其次选中后,做什么 我这里是 current-menu-parent


以下代码应该也可以,没时间试

$(function() {
 var urlName = window.location.pathname;  //获取地址栏中文件名或路径。
 $('#Menu li a').each(function() {        //遍历当前网页导航或分类  
     var urlHref = $(this).attr('href');  //获取导航链接地址href值
     if (urlName.indexOf(urlHref)>=0) {   //检测文件名或路径中是否包含当前链接值
         $(this).addClass('active');      //设置高亮css类
     }
 });
});


没有最新的文章了...
0条评论