如何使用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); 
});