jQuery Klasse hinzufügen, um href wird ein link enthält einen bestimmten text

Habe ich einige dynamisch aufgefüllt links in einer Liste auf meiner Website, die Links auf die Dateien. Ist es möglich mit jQuery zu sehen, ob der name der Datei endet mit .pdf-Datei und fügen Sie eine Klasse, um das "href" - oder ähnlich, wenn der link-text endet mit .mp3?

Ich habe zum Beispiel den folgenden links in meiner Liste:

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

Möchte ich erkennen, die Ende Buchstaben und fügen Sie unterschiedliche Klassen, um die Verknüpfungen, also den link, der hat den text "Dokument1".pdf-ich möchte hinzufügen die Klasse pdf auf das anchor-element, und den link mit dem text Song1.mp3-ich würde hinzufügen der Klasse mp3 dem anchor-element.

InformationsquelleAutor Sam Skirrow | 2013-04-08
  1. 35

    Verwenden Sie den Attribut-Selektor:

    $('a[href$=".mp3"]')...

    Optionen:

      - Attribut Enthält Präfix-Selektor [name|="Wert"] 
Selektiert Elemente, die das angegebene Attribut mit einem Wert 
entweder gleich zu einer bestimmten Zeichenkette oder beginnend mit string, gefolgt 
durch einen Bindestrich (-). 

Attribut-Selektor Enthält [name*="Wert"] 
Selektiert Elemente, die das angegebene Attribut mit einem 
Wert enthält, der eine bestimmte Teilzeichenfolge. 

 - Attribut Enthält Wort-Selektor [name~="Wert"] 
Selektiert Elemente, die das angegebene Attribut mit einem Wert 
mit einem bestimmten Wort, durch Leerzeichen getrennt. 

 - Attribut Endet Mit Selector [name$="Wert"] 
Selektiert Elemente, die das angegebene Attribut mit einem 
Wert Ende genau mit einer bestimmten Zeichenfolge. Der Vergleich ist case-Sensitiv. 

 - Attribut Entspricht Selektor [name="Wert"] 
Selektiert Elemente, die das angegebene Attribut mit einem 
Wert genau gleich einem bestimmten Wert. 

 - Attribut Nicht Gleich Selektor [name!="Wert"] 
Wählen Sie Elemente, die entweder nicht über das angegebene Attribut 
oder haben die das angegebene Attribut aber nicht mit einem bestimmten Wert. 

 - Attribut Beginnt Mit Selector [name^="Wert"] 
Selektiert Elemente, die das angegebene Attribut mit einem 
Wert Anfang genau mit einer bestimmten Zeichenfolge. 

has Attribute Selector [name] 
Selektiert Elemente, die das angegebene Attribut mit einem Wert. 

Multiple-Attribut-Selektor [name="Wert"][name2="Wert2"] 
Spiele-Elemente, die entsprechen alle der angegebenen Attribut-Filter.

    Überprüfen Sie heraus die API für weitere Informationen.

    InformationsquelleAutor James Hill
  2. 1

    angesichts Ihrer allen solche links haben die Klasse .file 

    var exts = ['pdf','xls'];
$('a.file').each(function(){
    if($(this).attr('href').match(new RegExp('('+exts.join('|')+')'), 'gi'))
        $(this).addClass($(this).attr('href').match(/\w{3}$/gi)[0]);
})

    Dieser code fügt die Erweiterung Klasse alle solche links, die Dateiendung in exts array.

    InformationsquelleAutor Ejaz
  3. 0

    Statt hart codieren alle Arten, Sie können auch eine Lösung, die automatisch tun dies für alle Ihre links:

    var regex = "/\..{3,4}$/";
$('a').each(function() {
    $(this).addClass(regex.match($(this).attr("href"))[0]
});
    InformationsquelleAutor MarioDS
  4. -1
    $('a[href$=".mp3"]').addClass("mp3");
$('a[href$=".pdf"]').addClass("pdf");
    • Erm, vielleicht der zweite sollte sagen
    • $('a[href$=".pdf"]').addClass("pdf");
    • Bearbeitet, vielen Dank.
    InformationsquelleAutor Aioros
Schreibe einen Kommentar