jQuery Fügen Sie eine Klasse zu href hinzu, wenn die Verknüpfung einen bestimmten Text enthält

7

Ich habe dynamisch befüllte Links in einer Liste auf meiner Site, die auf Dateien verweisen. Ist es möglich, jQuery zu verwenden, um zu sehen, ob der Name der Datei mit .pdf endet und eine Klasse zum href oder ähnlichem hinzufügt, wenn der Linktext mit .mp3 endet?

Zum Beispiel habe ich folgende Links in meiner Liste:

  • Dokument1.pdf
  • Song1.mp3
  • Song2.m4a
  • Dokument2.doc

Ich möchte die Endbuchstaben erkennen und verschiedene Klassen zu den Links hinzufügen, also zu dem Link, der den Text Document1.pdf hat, würde ich die Klasse pdf zum Ankerelement hinzufügen, und die Verknüpfung mit dem Text Song1.mp3 Ich würde die Klasse mp3 zum Ankerelement hinzufügen.

    
Sam Skirrow 08.04.2013, 12:34
quelle

4 Antworten

35

Verwenden Sie den Attributselektor:

%Vor%

Optionen:

%Vor%

Überprüfen Sie die API , um weitere Informationen zu erhalten.

    
James Hill 08.04.2013, 12:36
quelle
1

gegeben all Ihre Links haben die Klasse .file

%Vor%

Dieser Code fügt die Erweiterung -Klasse zu allen solchen Links hinzu, die eine Dateierweiterung in exts array haben.

    
Ejaz 08.04.2013 12:44
quelle
0

Anstatt alle Typen hart zu codieren, können Sie auch eine Lösung erstellen, die dies automatisch für alle Ihre Links erledigt:

%Vor%     
MarioDS 08.04.2013 12:45
quelle
-1
%Vor%     
Aioros 08.04.2013 12:37
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset PHP Anzahl der wahren Werte in einem Booleschen Array