自分向け備忘録。
第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の階層構造=ページの階層構造でないと使えませんが。