Find if link targets image with javascript/jquery

Question

I am trying to write a script that will find all <a> tags whose target is either a jpg, gif, or png and attach a function to them.

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

This should work, but I don't know what the regex would look like. If there's a better way, please let me know that as well. Thanks!

Answer 1

You almost had it!!!

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