javascript - jQuery:将文件类型类添加到任何文件类型的链接

Question

$("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");

到目前为止一切顺利，但如何简化以匹配任何文件类型？

是否可以像这样进行一些正则表达式分组来匹配所有可能的文件类型？

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

测试脚本:http://jsfiddle.net/k2jqn/

Answer 1

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

演示:http://jsfiddle.net/k2jqn/4/