JQuery: nascondi l'ancora se href è vuoto

Question

Sei stato su questo per un po 'ora. Fondamentalmente, ho bisogno di verificare dove un href su un tag di ancoraggio con la classe .pdf-download è vuoto, e se lo è, nasconderlo.

Ho provato alcune opzioni ma senza fortuna. Questo è quello che ho finora:

$("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(); 
} 

Si noti che è anche possibile fare questo in css con attribute selectors:

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

Questo non è supportata in IE6 però.

Answer 2

Qualcosa come questo funziona?

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

Answer 3

Utilizzare questa soluzione. produrrà anche i risultati desiderati quando l'attributo href non è definito. Se si utilizza un selettore CSS (JQuery), gli attributi non esistenti href non verranno rilevati.

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

Non è necessario l'utilizzo di un metodo di jQuery per ottenere l'attributo href, perché this.href è altrettanto leggibile, più veloce e anche universalmente supportato.

Answer 4

Sono un jquery principiante me stesso, ma questo è come lo farei:

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

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

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

     $(this).hide(); 

    }; 

}); 

Demo: http://jsfiddle.net/BZq9c/1/

Answer 5

$(function() { 

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

}); 

Onnipotente Demo: http://jsfiddle.net/each/j9DGw/

Answer 6

È anche possibile fare questo con un selettore jQuery, come segue:

Answer 7

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

o

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