jQuery obtiene los atributos de origen img de la lista y los inserta en la matriz

Tengo esta lista de miniaturas y me gustaría insertar las rutas de imagen (fonts) en una matriz: tn_array

  • fourth caption
  • fifth caption
  • sixth caption

Puede crear la matriz de atributos src más directamente usando map() :

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

Edición: tn_array es un objeto aquí en lugar de una matriz de Javascript estricta, pero actuará como una matriz. Por ejemplo, este es el código legal:

 for (int i=0; i 

Sin embargo, puedes llamar a get() , lo que hará que sea una matriz estricta:

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

¿Cómo se nota la diferencia? Llamada:

 alert(obj.constructor.toString()); 

La primera versión será:

 function Object() { [native code] } 

El segundo:

 function Array() { [native code] } 

Puedes recorrer cada elemento img :

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