使用jQuery查找特定的文件扩展名并添加属性

Question

I'm wondering if someone can help. I'm trying to use jQuery to look for specific file extensions in an href and if it finds it add an attribute "data-lightbox". This is what I have thus far:

$(document).ready(function() {
    var valid_extensions = /(\.jpg|\.jpeg|\.gif\.png|)$/i;   
    $(".banner ul li.dfwp-item a").each(function() {
        filename = $(this).attr( "href" );
    });
    $(".banner ul li.dfwp-item a").each(function() {
        if(valid_extensions.test(filename))
        { 
            $(this).attr( "data-lightbox", "BannerLightbox" );
            alert('Woo hoo');
        }
        else
        {
            alert('Invalid File');
        }
    });
});

Thanks!

Answer 1

Here is your corrected code:

$(document).ready(function() {
    var valid_extensions = /(\.jpg|\.jpeg|\.gif|\.png)$/i;   
    $(".banner ul li.dfwp-item a").each(function() {
        filename = $(this).attr("href");
        if(valid_extensions.test(filename))
        { 
            $(this).data("lightbox", "BannerLightbox");
            alert('Woo hoo');
        }
        else
        {
            alert('Invalid File');
        }
    });
});

You need to drop the second .each() and move the pipe ( | ) in your pattern. You can also use .data() instead of .attr() .

Answer 2

看起来您缺少.gif和.png之间的管道，但是之后有一个多余的管道可以匹配任何内容。