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

Question

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

Answer 1

您可以使用mouseover事件。

如果你有

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

您可以使用一些jQuery代码，例如

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

（如果此操作失败，您也可以尝试将$(this)替换为$('#bar')，但正如评论中所述，它非常难看）

编辑：错过了第一次显示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 );
});