Js 实现导航菜单选中状态
Posted God is Love
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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");
}
})
文章来源：刘俊涛的博客 欢迎关注公众号、留言、评论，一起学习。
若有帮助到您，欢迎点击推荐，您的支持是对我坚持最好的肯定(*^_^*)
以上是关于Js 实现导航菜单选中状态的主要内容，如果未能解决你的问题，请参考以下文章