Comment, en utilisant jQuery, pourrais-je obtenir l'attribut src d'un élément HTML img?

Question

Lorsque le curseur de la souris se déplace sur une image, je voudrais afficher une alert() contenant la valeur de l'attribut src de cette image. Comment pourrais-je y arriver?

Answer 1

Vous pouvez utiliser l'événement mouseover.

Si vous avez

<img src='foo.jpg' id='bar'> 

Vous pouvez avoir un code jQuery comme

$('#bar').mouseover(function(){ alert($(this).attr('src')); }); 

(si cela échoue, vous pouvez également essayer de remplacer $(this) avec $('#bar'), mais comme il est indiqué dans les commentaires, il est assez laid)

edit: manqué la nécessité d'afficher l'attribut src première fois par ..

Answer 2

JavaScript:

function alertSource(image) { 
    alert(image.src); 
} 

HTML:

<img src="path/to/image" onmouseover="alertSource(this);" alt=""/> 

Vous n'avez pas besoin jQuery pour cela.

Answer 3

<img src="some_img.gif"> 
<script> 
$("img").bind("mouseover",function(){ 
alert($(this).attr("src")); 
}); 
</script> 

Answer 4

$('img').mouseover(function() { 
    alert(this.src); 
});