jQuery có được nguồn img thuộc tính từ danh sách và đẩy vào mảng

Question

Tôi có danh sách thumbnail này và muốn đẩy những con đường hình ảnh (nguồn) vào một mảng: 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

Bạn có thể tạo các mảng của src thuộc tính hơn trực tiếp sử dụng map():

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

Edit:tn_array là một đối tượng ở đây chứ không phải là một mảng javascript nghiêm ngặt nhưng nó sẽ đóng vai trò như một mảng. Ví dụ, đây là mã quy phạm pháp luật:

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

Bạn tuy nhiên có thể gọi get(), mà sẽ làm cho nó một mảng nghiêm ngặt:

Làm thế nào để bạn biết sự khác biệt? Gọi số:

alert(obj.constructor.toString()); 

Phiên bản đầu tiên sẽ là:

function Object() { [native code] } 

Thứ hai:

function Array() { [native code] } 

Answer 2

Bạn có thể lặp qua img yếu tố bao giờ hết:

var tn_array = Array(); 

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