jQuery的获得IMG源从属性列表，并推入阵列

Question

我有这样的缩略图列表，并希望成像路径（源）推到一个数组：tn_array

<ul id="thumbnails"> 
    <li><img src="somepath/tn/004.jpg" alt="fourth caption" /></a></li> 
    <li><img src="somepath/tn/005.jpg" alt="fifth caption" /></a></li> 
    <li><img src="somepath/tn/006.jpg" alt="sixth caption" /></a></li> 
</ul> 

Answer 1

的SRC属性，更可以创建数组直接使用map()：

var tn_array = $("#thumbnails img").map(function() { 
    return $(this).attr("src"); 
}); 

编辑：tn_array是这里的对象，而不是严格的Javascript数组，但它将作为一个数组。例如，这是合法的代码：

for (int i=0; i<tn_array.length; i++) { 
    alert(tn_array[i]); 
} 

但是，您可以拨打get()，这将使其成为一个严格的数组：

你如何分辨？呼叫：

alert(obj.constructor.toString()); 

第一个版本将是：

function Object() { [native code] } 

第二：

function Array() { [native code] } 

Answer 2

可以遍历以往img元素：

var tn_array = Array(); 

$('#thumbnails img').each(function() { 
    tn_array.push($(this).attr('src')); 
});