Hallo
Bin jQuery Newbie und hab eine vermeintlich einfache Frage. ... denk ich auf jeden Fall ;-)
Ich möchte an verschiedene Links, abhängig ihrer File-Extension Icons anhängen.
Falls der Link
<a href="datei.pdf">Dokument(pdf)</a>
oder
<a href="datei.txt">Textdatei(txt)</a>
setze ein Icon vor den Text innerhalb des a-Tags.
Das wäre das gewünschte Resultat:
<a href="datei.pdf"><img src="pdf-icon.png" />Dokument</a>
Ich strauchle an zwei Stellen. Erstens finde ich nur eine Funktion wie ich den Text innerhalb der a-Tags abfragen kann und zweitens die korrekte Platzierung der Bilddatei. Soll ja innerhalb der a-Tags vor den Text platziert werden.
Da bis jetzt die Extension im Filename war funktionierte bis anhin mal das a:contains, aber nach Platzierung der Icons möchte ich im Filenamen natürlich kein (pdf) mehr stehen haben, so funzt dann die Abfrage auch nicht mehr.
$('a:contains(pdf)').append('<img class="pdf-icon" src="icon_pdf.png" />');
Kann da jemand einem jQuery Newbie helfen?
Herzlichen Dank
Pinzz