この記事は2年以上前に書かれた記事です。現状にそぐわないかもなのでご注意を。

[jQuery] グローバルメニュー要素のアクティブ化

自分向け備忘録。

第2階層メニューとなる場合の多いグローバルメニューで
表示中のページが属するメニュー項目の <li> 要素にアクティブなクラスを自動で付けます。

if(location.pathname != "/") {
var $path = location.href.split('/');
var $secPath = $path.slice(3,4);
$('.globalNav li a[href$="'+$secPath+'/"]').parent().addClass('current-menu-item');
}

こちらの記事を参考にさせていただきました。

サイトの構成が全て、URLの階層構造=ページの階層構造でないと使えませんが。

スポンサーリンク