JQuery: ocultar el anclaje si href está vacío

Question

estado en este desde hace un tiempo. Básicamente, necesito verificar dónde está vacío un href en una etiqueta de anclaje con la clase .pdf-download, y si lo está, ocultarlo.

He intentado algunas opciones pero sin suerte. Esto es lo que tengo hasta ahora:

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

Tenga en cuenta que también se puede hacer esto en CSS con attribute selectors:

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

Este no es compatible con IE6 sin embargo.

Answer 2

¿Funcionaría algo así?

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

Answer 3

Utilice esta solución. también producirá los resultados deseados cuando el atributo href no está definido. Si usa un selector de CSS (JQuery), no se detectarán los atributos href inexistentes.

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

No es necesario el uso de un método jQuery para conseguir el atributo href, porque this.href es tan fácil de leer, más rápido y también apoyada universalmente.

Answer 4

Soy un jQuery principiante a mí mismo, pero esa es la forma en que lo haría:

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

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

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

     $(this).hide(); 

    }; 

}); 

Demostración: http://jsfiddle.net/BZq9c/1/

Answer 5

$(function() { 

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

}); 

Todopoderoso Demostración: http://jsfiddle.net/each/j9DGw/

Answer 6

También puede hacer esto con un selector jQuery, de la siguiente manera:

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

o

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