Question

What is the cleanest way to put the source attribute string of all images within a div into an array?

I was hoping this would work –

var imageSourceArray = $("#leDiv img").attr('src');
alert(imageSourceArray[3]);  //not alerting the source, boo hoo.

Do I need to loop through $(“#leDiv img”) and add each src string to an array individually? Or is there a more elegant way to do this?

Answer 1

You can use jQuery’s map function which is described as:

Pass each element in the current matched set through a function, producing a new jQuery object containing the return values.

For your example:

var mySources = $('#leDiv img').map(function() {
    return $(this).attr('src');
}).get();