Trouver si le lien cible l’image avec javascript / jquery

J’essaie d’écrire un script qui trouvera toutes les balises dont la cible est un jpg, un gif ou un png, et leur associera une fonction.

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

Cela devrait fonctionner, mais je ne sais pas à quoi ressemblerait la regex. S’il y a un meilleur moyen, s’il vous plaît faites le moi savoir aussi. Merci!

Tu l’as presque eu !!!

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

Vous voudrez peut-être vérifier le nom de fichier avec une expression rationnelle insensible à la casse. Parce que certains fichiers peuvent être “.JPEG” au lieu de “.jpeg”. Alors essayez ceci:

 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"); }