jQueryでIMGタグを含んでいるAタグのborderの非表示

css; first-line: 0;">
a {
    color:#FFF;
            text-decoration:none;
            padding-bottom:1px;
}
    a:link,
    a:visited {
        border-bottom:1px dotted #FFF;
    }
    a:hover,
    a:active {
        border-bottom:1px solid #FFF;
    }

というCSS設定で<A>にborderを表示するようにしていると、<A>の中に<IMG>タグを表示するときもborderが表示される。
それが嫌だったので、jQueryでそうならないようにした。

jQuery.noConflict();
(function($) { 
    $(function() {
        noLinkImgBorder();
    });
    function noLinkImgBorder(){
        $("img").each(function(){
            var parentTagName = $(this).parent().get(0).tagName
            if(parentTagName.toUpperCase()=="A"){
                $(this).parent().css("border","none");
            }
        });
    }
})(jQuery);

Related Posts

• May 17, 2009 -- Javascript Error by using Interface elements for jQuery Slideshow in IE6
• April 8, 2009 -- jqueryで画像の幅を自動的にページ幅に合わせて縮小
• March 22, 2009 -- jQueryのバージョンによってIE6のSP3だとOKなのにSP2だとだめなとき