JQuery: Masquer l'ancre si href est vide

Été sur celui-ci pendant un certain temps maintenant. En gros, j'ai besoin de vérifier où un href sur une balise d'ancrage avec la classe .pdf-download est vide, et si elle l'est, de la cacher.

J'ai tenté quelques options, mais avec pas de chance. C'est ce que j'ai à ce jour:

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

source d'informationauteur Guy

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

    Notez que vous pouvez également le faire en css avec sélecteur d'attribut:

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

    Ce n'est pas pris en charge dans ie6.

  2. 6

    Vous pouvez aussi le faire avec un sélecteur jQuery, comme suit:

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

    Utiliser cette solution. il va également produire les résultats souhaités quand les href attribut n'est pas défini. Si vous utilisez un sélecteur CSS (JQuery), inexistante href attributs ne seront pas détectés.

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

    Il n'est pas nécessaire d'utiliser une méthode JQuery pour obtenir le href attribut, parce quethis.href est tout aussi lisible, plus rapide et aussi universellement pris en charge.

  4. 3

    Serait quelque chose comme ce travail?

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

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

});

    Tout-Puissant De Démonstration: http://jsfiddle.net/each/j9DGw/

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

    ou 

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

    Je suis un débutant jquery moi-même, mais c'est comment je ferais:

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

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

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

        $(this).hide();

    };

});

    Démo: http://jsfiddle.net/BZq9c/1/