Js 实现导航菜单选中状态

Js 实现导航菜单选中状态

????$(function?()?{

????????$(".header?.nav?li").click(function?()?{

????????????$(this).addClass(‘cur‘).siblings().removeClass(‘cur‘);

????????})

?

????????var?urlstr?=?location.href;

????????var?urlstatus?=?false;

????????$(".header?.nav?li").each(function?()?{

????????????if?((urlstr?+?"/").indexOf($(this).find(‘a‘).attr("href"))?>?-1?&&?$(this).find(‘a‘).attr("href")?!=?‘‘)?{

????????????????$(this).addClass("cur");

????????????????urlstatus?=?true;

????????????}else{

????????????????$(this).removeClass("cur");

????????????}

????????});

????????if?(!urlstatus)?{

????????????$(".header?.nav?li").eq(0).addClass("cur");

????????}

?

????})

?

?

文章来源：刘俊涛的博客 欢迎关注公众号、留言、评论，一起学习。

?

若有帮助到您，欢迎点击推荐，您的支持是对我坚持最好的肯定(*^_^*)