category:
Technology
Back to Blog Index
jQueryでカレントページのメニュー画像に”_current”を付加して、親要素のアンカーを削除する方法
<div id="menu">
<ul>
<li id="menu01"><a href="/page01/"><img src="/img/menu01.png" alt="page01" width="200" height="50" /></a></li>
</ul>
</div>
<div id="menu">
<ul>
<li id="menu01"><img src="/img/menu01_current.png" alt="page01" width="200" height="50" /></li>
</ul>
</div>$(function(){
var url = window.location.pathname;
var currentSrc = $('#menu ul li a[href="'+url+'"]');
var current = currentSrc.children().attr("src").replace(/(.gif|.jpg|.png)$/, '_current'+"$1");
currentSrc.children().attr("src", current);
currentSrc.children().unwrap();
});