你如何使用Jquery获取图像的绝对URL

时间:2014-12-20 00:48:51

标签: jquery

我想获取网站的所有绝对网址,以便用代码显示它们,但首先我需要知道我是否可以获得$('img')的绝对网址。

我试过了:

$('img').attr('src') 

但它只返回了相对网址

要使用地图获取所有图像之一我只需要替换attr()

2 个答案:

答案 0 :(得分:4)

使用.prop代替.attr。这将访问规范化后的动态属性,而不是静态DOM属性。

alert($('img').prop('src'));
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="placeholder.jpg"/>

请参阅.prop() vs .attr()

答案 1 :(得分:0)

这应该为第一张图片提供绝对网址,当然你可以遍历所有图片:

$('img')[0].src

for (var i = 0; i<$('img').length;i++) {
alert($('img')[i].src)
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="http://placekitten.com.s3.amazonaws.com/homepage-samples/408/287.jpg"/>
<img src="http://placekitten.com.s3.amazonaws.com/homepage-samples/200/140.jpg"/>