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>
Con el siguiente script de jQuery podemos ocultar los enlaces que contienen en su HREF "/OCULTO" y podemos destacar los que continen "tag/DESTACADO"<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>
Categorías [KB]
- Aplicaciones y frameworks 2
- Wordpress 9
- Joomla 15
- Prestashop 1
- Desarrollo web 14
- Tips & Tricks 5
- Cheats 9
- Diseño 4
- Legal 5
- Protección de datos 0
- Marketing y publicidad 1
- RRHH 1
- Redes Sociales 3
- Seo 4
- Sistemas 2
- Bases de datos 0
- Mysql 6
- Seguridad 1
- Correo 9
- Debian 4
- Plesk 4
- Redes 11
- Servidor web 5
- Apache 5
- Sistemas Operativos 1
- Linux 19
- Windows 4