鉴于以下JS/JQUERY,如何防止它区分大小写

Question

我有以下代码行,效果很好:

$("a.grouped_elements[href$=.jpg],a.grouped_elements[href$=.png],a.grouped_elements[href$=.gif]").fancybox();

问题是,如果href是.JPG它不起作用它只适用于.jpg.如何使上述不区分大小写,以便所有大写字母或无大写字母或混合都匹配文件扩展名？

谢谢

Answer 1

显然," 过滤功能应该做你需要的 ".

由于我不熟悉过滤器功能,我会尝试类似下面的内容,但我不确定它与上面提到的过滤器功能相比有多高效/低效:

$('a.grouped_elements').each(function(){
    var elem = $(this);
    if(elem.attr('href').match(/(gif|jpg|png)$/i) != null) {
        elem.fancybox();
    }
});

(尚未经过测试,但这是它的一般要点)