如何使用jQuery获得HTML img元素的src属性？

Question

当鼠标光标移过的图像时，我想显示包含该图像的src属性的值的alert()。我怎么能去完成这个？

Answer 1

可以使用mouseover事件。

如果你有

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

你可以有一些jQuery代码一样

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

（如果失败，你也可以尝试用$('#bar')更换$(this)，但在评论中指出这是很丑陋）

编辑：错过需要显示的src属性第一次通过..

Answer 2

的JavaScript：

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

HTML：

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

你不需要jQuery的这一点。

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