使用javascript/jquery查找链接是否指向图像

Question

我正在尝试编写一个脚本，它将查找所有目标为jpg、gif或png的标签，并将函数附加到它们上面。

$('a')
    .filter(function(){
        return this.href.match(/*probably some regex here?*/)
    })
    .bind('mouseover', function(){
        alert('foo');
    })

这应该可行，但我不知道正则表达式应该是什么样子的。如果有更好的方法，请也告诉我。谢谢！

- Chris Sobolewski

Answer 1

你差点就成功了！！！

$('a[href]').filter(function() {
  return /(jpg|gif|png)$/.test($(this).attr('href'))
}).bind('mouseover', function(){
  alert('foo');
})

- Pastor Bones

Answer 2

您可能希望使用不区分大小写的正则表达式检查文件名。因为有些文件可能是“.JPEG”而不是“.jpeg”。因此，请尝试以下内容：

var file = "life/is/short.JPG"

if (/(jpg|jpeg|gif|png)$/i.test(file)) {
    alert("the file is an image");
}
else {
    alert("the file is not an image");
}

- fozuse