Javascript - 根據dom中的圖像構建數組

Question

我需要在數組中存儲一堆Image SRC屬性值。我想搜索DOM的所有<img>標籤，並抓住每個SRC屬性並將其放入數組中。

我知道我可以創建這樣一個數組：var imgSrc = new Array();

但我怎麼每一個SRC屬性添加到陣列？

Answer 1

var imgSrc = []; 
var imgEls = document.getElementsByTagName("img"); 
for(var i=0; i<imgEls.length; i++) { 
    imgSrc.push(imgEls[i].getAttribute("src")); 
} 

...或者，使用jQuery：

var imgSrc = []; 
$("img").each(function() { 
    imgSrc.push($(this).attr("src")); 
}); 

Answer 2

push方法是如何將項添加到Javascript中的數組。

如果你使用jQuery，這應該讓你，你找什麼：

var imgSrc = $("img").get().map(function(o, i) { 
    return $(o).attr("src"); 
});