我们做网站的时候,导航条经常会做高亮当前标签设置,让客户明白自己现在处在哪个栏目下,高亮显示当前标签有多重实现方式,今天青岛星网跟大家分享下:jquery导航条切换高亮显示当前标签。
var urlstr = location.href; //alert((urlstr + '/').indexOf($(this).attr('href'))); var urlstatus=false; $("#menu a").each(function () { if ((urlstr + '/').indexOf($(this).attr('href')) > -1&&$(this).attr('href')!='') { $(this).addClass('cur'); urlstatus = true; } else { $(this).removeClass('cur'); } }); if (!urlstatus) {$("#menu a").eq(0).addClass('cur'); }