当鼠标光标移过的图像时,我想显示包含该图像的src
属性的值的alert()
。我怎么能去完成这个?如何使用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);
});
- 1. XPath select元素的img的src属性
- 2. 更换src属性IMG元素
- 3. 更换IMG SRC从元素属性
- 4. 插入后裔img元素的src属性到父元素的href属性
- 5. jQuery:如何获得多个src值img
- 6. 如何使用JQuery获取HTML元素的属性?
- 7. 如何获得img标签的src属性?
- 8. DomDocument/DOMXPath - 如何通过itemprop和img src获取HTML Dom元素
- 9. HTML/JavaScript的从IMG SRC属性
- 10. 用jQuery动态替换img src属性
- 11. Jquery:获取html元素的属性值
- 12. img src的设置值与父元素的属性
- 13. jQuery的添加类属性的src IMG
- 14. 解剖img src属性
- 15. 通过jquery更改img元素的src
- 16. 设置img标签的src属性从一个数组元素
- 17. 从div获取img元素的src?
- 18. 从data-src属性设置img src
- 19. 如何获得动态添加的HTML元素的ID属性?
- 20. jQuery获得与变量的IMG SRC?
- 21. 如何使用javascript或jquery更改html元素的css属性
- 22. 如何使用jQuery直接修改HTML元素的属性?
- 23. 使用jQuery获取元素的HTML标签属性
- 24. 元素的循环属性img
- 25. 从fiddler核心获取img src属性
- 26. 一个人如何使用img元素的属性的onerror
- 27. 如何传递到src属性中的变量HTML img标签
- 28. 动态改变img元素的src并获得宽度多次
- 29. 通过javascript的src属性获取元素不是jquery
- 30. IE9中无'src'属性的img标记
但是这个代码打印“未定义” ... :( – Chalist 2010-01-24 03:03:25
@chalist,对不起 - 给它一个去 – 2010-01-24 03:21:25
为什么不直接使用'this'处理程序,而不是实际的“#bar”内选择器? – 2010-01-24 03:29:08