entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

0voto

Ajuste de estilo css basado en valor de atributo con jQuery

Tengo definidas clases css con estilos que indican un tipo de archivo: .doc, .xls, .pdf y deseo aplicar esa clase a los enlaces a archivos con extensión correspondiente, por ejemplo en la siguiente liga.

<a href='archivo.pdf'>acta civil</a>

Quiero que se le agregue la clase 'pdf', y así con todas.

¿Como lo puedo hacer?

2 Respuestas

0voto

Peter Puntos150480

Prueba con esto:

$('a[href]').each(function() {
    if((C = $(this).attr('href').match(/[.](doc|xls|pdf)$/))) {
        $(this).addClass(C[1]);
    }
 });

1voto

marionauta Puntos1680

Esto es mucho más sencillo hacerlo directamente con CSS y no tendremos que esperar a que el script se cargue:

a[href *=".pdf"] { color: #B11; }
a[href *=".xls"] { color: #7C3; }

Y ya directamente aplicas los selectores que te he dado al estilo que tenías definido para las diferentes clases.

Ejemplo online

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Conecta