mieki256's diary

表示してるhtmlだけメニューの中からリンクを外す、みたいなことを簡単にやりたいのだけど。何かいい手はないものか。各htmlを修正していくのはなんだか馬鹿馬鹿しいし。JavaScriptでどうにかできんかな…。

面倒臭いからhtmlとcssを修正して済ませてしまったけど。ググってみたら jQueryでやれるっぽい。現在表示中のページURLと、メニュー内のリンクURLが一致したら、見た目を変えるということができているようだし…。その際にaタグも削除してしまえば良さそうな。

以下の解説記事を参考にして試してみたり。

_現在のページのメニュー画像をハイライトする | jQuery.lab
_親要素を削除する　nowrap | Web.fla
_親要素のみ削除する方法[jQuery1.4系版] | THE HAM MEDIA BLOG
_make a record of…: jQuery親要素、子要素、兄弟要素取得のまとめ

$(function(){
    $("nav ul li a").each(function(){
        var url = $(this).attr('href');
        if(location.href.match(url)){
            $(this).parent("li").addClass('current');
            $(this).contents().unwrap();
        }
    });
});

なんだかできたっぽい。jQueryって、ありがたいなあ。