Trying to create images with an array of image src attributes using jquery

Question

I have a n array of imag src attributes from images that I was able to push to an array:

var imgSrcArray = Array();
$('.ito-image').each(function(){
     imgSrcArray.push($(this).attr('src'));
});

I want to take these attributes now and create new images for a different purpose on my webpage how can I do this. And is this he best practice?

Have you considered just copying/moving the images to whatever new place you want them appended? — David Thomas
– David Thomas, Commented Aug 15, 2014 at 19:41

Kodr.F · Accepted Answer · 2014-08-15 19:44:31Z

2

is that what u want ?

for (var i=0; i < imgSrcArray.length; i++){

  $('body').append("<img src='"+ imgSrcArray[i] +"' />");

}

answered Aug 15, 2014 at 19:44

Kodr.F

14.5k13 gold badges55 silver badges100 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Ehsan Sajjad · Accepted Answer · 2014-08-15 19:45:33Z

2

you can iterate same way using $.each() and append to some container div:

$(imgSrcArray).each(function (index, item) {

    $("#new").append('<img src="' + item + '"/>');

});

or you can directly do it:

$('.ito-image').each(function(){
     $("#new").append('<img src="' + $(this).attr("src") + '"/>');
});

answered Aug 15, 2014 at 19:45

Ehsan Sajjad

62.6k16 gold badges112 silver badges171 bronze badges