使用javascript,jquery突出显示菜单链接

时间:2013-01-21 17:00:53

标签: javascript jquery html css

我使用以下脚本进行主菜单突​​出显示(menu1)

HTML

  • MENU1
  • MENU2

SCRIPT

var link = document.location.href.split('/').slice(-1);   // retrieve page name
$('nav#test1 li a.active').removeClass('active');        // remove class 'active'
$('nav#test1 li a[href$="'+link+'"]').addClass('active');

例如:www.example.com/content/menu1

menu1 menu2 menu3 ...

但是,如果网址是

www.example.com/content/menu1/story.html

如果标题/页面通过jquery或javascript附加menu1,我如何突出显示menu1。

提前致谢

1 个答案:

答案 0 :(得分:1)

var link = document.location.href.split('/')[4];

应该解决你的问题