你如何使用jquery獲取圖像的絕對網址

Question

我想獲得一個網站的所有絕對網址以顯示它們的代碼，但首先我需要知道我是否可以獲得$('img')的絕對網址。

我想：

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

但只返回相對URL

要獲得所有圖像的一個IM使用地圖我只需要爲attr）使用替代（

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

這應該給第一張照片的絕對網址，當然你可以遍歷所有這些：

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