jQuery get img source attributes from list and push into array

You can create the array of src attributes more directly using map():

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

Edit: tn_array is an object here rather than a strict Javascript array but it will act as an array. For example, this is legal code:

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

You can however call get(), which will make it a strict array:

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

How do you tell the difference? Call:

alert(obj.constructor.toString());

The first version will be:

function Object() { [native code] }

The second:

function Array() { [native code] }

jquery arrays loops attributes push

You can loop through ever img element:

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

CodeHunter