ナビゲーションをカレント表示する方法まとめ【jQueryとかWordPress】

$(function() {
$(‘.nav li a').each(function(){
var $href = $(this).attr('href');
if(location.href.match($href)) {
$(this).parent().addClass('current');
} else {
$(this).parent().removeClass('current');
}
});
});

子要素と連動させる場合、コードを分割するのが良いかも

 


// カレント表示
$(function() {
$('#menu-global-navi01 > li a').each(function(){
var $href = $(this).attr('href');
if(location.href.match($href)) {
$(this).parent().addClass('current');
} else {
$(this).parent().removeClass('current');
}
});
});


$(function(){
  $('#gn ul.sub-menu li.current').parents("li").addClass('current');
});