HTML
CSS
JavaScript
JQery

グローバルナビなど(ul li a構成)に自動でクラス付与するjavascript(JQuery)

More than 1 year has passed since last update.

動機

グローバルナビに自動で[active]クラスを付与したかった。

方法

jqeruy(javascrip)を記載する

コード

test.js
$('ul.classname li a').each(function(){
  if($($(this))[0].href==String(window.location)) {
    $(this).parent().addClass('active');
  }
});
//二階層等にも適用
$('ul.clssname li ul li a').each(function(){
  if($($(this))[0].href==String(window.location)) {
    $(this).parent().addClass('active');
    $(this).parent().parent().show();
  }
});

不具合あったら教えて下さい。