javascript - jQuery: Add file type class to links for ANY file type - Stack Overflow

admin管理员组

文章数量:1345096

$("a[href $='.pdf']" ).addClass("linkIconPDF");
$("a[href *='.pdf#']").addClass("linkIconPDF");
$("a[href *='.pdf;']").addClass("linkIconPDF");
$("a[href *='.pdf?']").addClass("linkIconPDF");

$("a[href $='.txt']" ).addClass("linkIconTXT");
$("a[href *='.txt#']").addClass("linkIconTXT");
$("a[href *='.txt;']").addClass("linkIconTXT");
$("a[href *='.txt?']").addClass("linkIconTXT");

So far so good, but how can it be simplified to match any file type?

Is it possible to do some regex grouping to match all possible file types like this?

$("a[href $='.([a-zA-Z0-9]{2,4})']" ).addClass("linkIcon$1");

Test script: /

$("a[href $='.pdf']" ).addClass("linkIconPDF");
$("a[href *='.pdf#']").addClass("linkIconPDF");
$("a[href *='.pdf;']").addClass("linkIconPDF");
$("a[href *='.pdf?']").addClass("linkIconPDF");

$("a[href $='.txt']" ).addClass("linkIconTXT");
$("a[href *='.txt#']").addClass("linkIconTXT");
$("a[href *='.txt;']").addClass("linkIconTXT");
$("a[href *='.txt?']").addClass("linkIconTXT");

So far so good, but how can it be simplified to match any file type?

Is it possible to do some regex grouping to match all possible file types like this?

$("a[href $='.([a-zA-Z0-9]{2,4})']" ).addClass("linkIcon$1");

Test script: http://jsfiddle/k2jqn/

• javascript
• jquery
• regex

Share Improve this question Follow edited Nov 23, 2012 at 15:58 Denis Ermolin 5,55666 gold badges2929 silver badges4444 bronze badges asked Nov 23, 2012 at 15:56 MartinMartin 2,02766 gold badges2828 silver badges4444 bronze badges 1

• The URLs ending with semicolons seem rather unlikely? – user3638471 Commented Feb 28, 2016 at 11:07

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 6

$("a").each(function(){
    var match = this.href.match(/\.([a-zA-Z0-9]{2,4})([#;?]|$)/);
    if(match){
        $(this).addClass("linkIcon" + match[1]);
    }
});

Demonstration: http://jsfiddle/k2jqn/4/

You can simply use the wildcard selector:

$("a[href*='.pdf']" ).addClass("linkIconPDF");
$("a[href*='.txt']" ).addClass("linkIconTXT");

It selects the links in a wildcard way.

Why not try this

$("a[href $='.$']" ).addClass("linkIconANYFILE");

Would an array with an each function be better than using a regex selector?

var fileTypes = new Array("a[href $='.pdf']","a[href *='.pdf#']");
fileTypes.each(function(index,val){
    $(val).addClass('LinkIconPDF');
});

本文标签： javascriptjQuery Add file type class to links for ANY file typeStack Overflow