jQuery get source img attributs de liste et appuyez dans un tableau

Question

J'ai cette liste des vignettes et voudrais pousser les chemins d'image (sources) dans un tableau: 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

Vous pouvez créer le tableau d'attributs src plus en utilisant directement map():

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

Edit:tn_array est un objet ici plutôt que d'un ensemble strict Javascript, mais il agira comme un tableau. Par exemple, ce code est légal:

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

Vous pouvez cependant appeler get(), qui fera une gamme stricte:

Comment dites-vous la différence? Appel:

alert(obj.constructor.toString()); 

La première version sera:

function Object() { [native code] } 

La seconde:

function Array() { [native code] } 

Answer 2

Vous pouvez parcourir jamais élément img:

var tn_array = Array(); 

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