gooodmark

goodなWebサイトを厳選ブックマーク!デザインやディレクションの参考にどうぞ。

516bookmark

ナビゲーションにカレント表示

遷移先のページとナビのhrefが合致した時、a.currentをつける。

html
<ul id="gnav">
<li><a href="nav01/">nav01</a></li>
<li><a href="nav02/">nav02</a></li>
<li><a href="nav03/">nav03</a></li>
<li><a href="nav04/">nav04</a></li>
</ul>
js
$(function(){
  $('#gnav li a').each(function(){
	var $href = $(this).attr('href');
	if(location.href.match($href)) {
	 $(this).addClass('current');
	} else {
	 $(this).removeClass('current');
	}
  });
});