如何用Jquery获得绝对img src url

Question

我想得到一个网站图像的所有绝对网址来显示他们，但我需要一个$('img')的绝对网址。

我试过：

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

但它只返回一个相对urls的一个，我用地图来解决多个图像的问题，但仍然。我怎么才能得到绝对的url？

Answer 1

使用.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()

Answer 2

这将给出第一张图片的绝对url，当然，您可以遍历所有这些图片：

$('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"/>

​