Modificar aspecto de un enlace HTML filtrando por su HREF con jQuery
En ocasiones podemos querer cambiar el aspecto de un enlace u ocultarlo a la vista según su destino (HREF) Con jQuery podemos hacerlo:
Supongamos que tenemos el siguiente HTML
Supongamos que tenemos el siguiente HTML
<ul class="itemTags">
<li><a href="/...enlace1/tag/DESTACADO">enlace 1 destacado/</a></li>
<li><a href="/...enlace2/tag/DESTACADO/">enlace 2 destacado</a></li>
<li><a href="/...enlace3/tag/OCULTO/">enlace 3 oculto</a></li>
<li><a href="#">enlace 4</a></li>
<li><a href="#">enlace 5</a></li>
</ul><script>
$(document).ready(function() {
$( 'ul.itemTags li a[href*="/tag/OCULTO"]' ).each(function() {$( this).parent().css( "display","none" ); }); // modifica el elemento "li"
$( 'ul.itemTags li a[href*="/tag/DESTACADO"]' ).each(function() {$(this).css( { "background-color":"green","color":"white" } ); }); // Modifica el elemento "a"
});
</script>