Question

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?

Answer 1

Prueba con esto:

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

Answer 2

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