JQuery：hrefが空の場合にアンカーを非表示にする

Question

しばらくここにいた。基本的には、クラス.pdf-downloadのアンカータグにあるhrefが空であるかどうかを確認する必要があります。

私はいくつかのオプションを試しましたが、運がありません。これは私がこれまで持っているものです：あなたもattribute selectorsとCSSでこれを行うことができます

$("a.pdf-download").each(function (i) { 
    if ($('[href]:empty',this).length == 1) { 
    $(this).hide(); 
    } else { 
    $(this).show(); 
    } 
}); 

Answer 1

if ($(this).attr('href') != '') { 
    $(this).hide(); 
} else { 
    $(this).show(); 
} 

注：

a.pdf-download[href='']{ 
    display:none; 
} 

これは、しかし、IE6ではサポートされていません。

Answer 2

この作品は気に入っていますか？

$("a.pdf-download").each(function (i) { 
    if ($(this).attr('href').length == 0) { 
    $(this).hide(); 
    } else { 
    $(this).show(); 
    } 
}); 

Answer 3

このソリューションを使用してください。 href属性が定義されていない場合でも、望ましい結果が得られます。 CSSセレクタ（JQuery）を使用すると、存在しないhref属性は検出されません。

$("a.pdf-download").each(function (i) { 
    if (!this.href) { 
     $(this).hide(); 
    } else { 
     $(this).show(); 
    } 
}) 

this.hrefが速く、同じように読み取り可能であるとも普遍的にサポートので、href属性を取得するjQueryのメソッドを使用する必要はありません。

Answer 4

私はjqueryのは自分自身を初心者ですが、私はそれを行うだろうかthatsの：

$("a.pdf-download").each(function (i) { 

    var aHref = $(this).attr('href'); 

    if (aHref == '' || !aHref) { 

     $(this).hide(); 

    }; 

}); 

デモ：http://jsfiddle.net/BZq9c/1/

Answer 5

$(function() { 

    $('a').each(function() { 
     (!$(this).attr('href')) ? $(this).hide() : $(this).show(); 
    }); 

}); 

全能デモ：http://jsfiddle.net/each/j9DGw/

Answer 6

またでこれを行うことができますjQueryセレクタを次のように指定します。

// Hide any links with blank href or no href attribute 
$('a.pdf-download[href=], a.pdf-download:not([href])').hide(); 

Answer 7

$("a.pdf-download").each(function() { 
    var href = $(this).attr("href"); 
    if(href == '') { 
     $(this).remove(); 
    } 
}); 

または

$("a.pdf-download[href='']").remove()