如何使用jQuery获得HTML img元素的src属性?
可以使用mouseover事件。
如果你有
<img src='foo.jpg' id='bar'>
你可以有一些jQuery代码一样
$('#bar').mouseover(function(){ alert($(this).attr('src')); });
(如果失败,你也可以尝试用$('#bar')
更换$(this)
,但在评论中指出这是很丑陋)
编辑:错过需要显示的src属性第一次通过..
的JavaScript:
function alertSource(image) {
alert(image.src);
}
HTML:
<img src="path/to/image" onmouseover="alertSource(this);" alt=""/>
你不需要jQuery的这一点。
击败我一拳! :) – 2010-01-24 02:52:29
你的意思是onmouseover而不是onclick,不是? – 2010-01-24 02:54:03
我注意到,我们通常回答相同类型的问题,这只是谁先回答问题。 :) – 2010-01-24 02:54:20
$('img').mouseover(function() {
alert(this.src);
});
但是这个代码打印“未定义” ... :( – Chalist 2010-01-24 03:03:25
@chalist,对不起 - 给它一个去 – 2010-01-24 03:21:25
为什么不直接使用'this'处理程序,而不是实际的“#bar”内选择器? – 2010-01-24 03:29:08