$('a[href]').each(function() {
if((C = $(this).attr('href').match(/[.](doc|xls|pdf)$/))) {
$(this).addClass(C[1]);
}
});
Dies durchsucht jedesaElement auf der Seite. Wenn das href-Attribut davon einen .doc, .xls oder .pdf enthält, wird die entsprechende Klasse angewendet (z. B.class="doc")
Funktioniert wie ein Champ!
$(“a[href$=’.doc’]”).addClass(‘doc’);
Obwohl IE6 zu einem normalen Link zurückfallen würde, kann dies per CSS erfolgen.
a[href$='.doc'] { padding-right:16px; background: transparent url(images/doc.png) no-repeat top right; }
Ja, der CSS-Weg ist besser als der jQuery-Weg (persönliche Meinung). :)
Es ist super, danke