gooodmark

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

724bookmark

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

遷移先のページとナビの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');
}
});
});