how to turn jquery object into usable html?

Question

The following code alerts: "object Object"

var shipImgs = $("#div").children();
alert(shipImgs);

div contains 4 children (image tags).

<div id="div">
    <img src="/imgs/spaceship_still.jpg" alt="space"/>
    <img src="/imgs/spaceship_laser.jpg" alt="space"/>
    <img src="/imgs/spaceship_motion.jpg" alt="space"/>
    <img src="/imgs/spaceship_destroyed.jpg" alt="space"/>
</div>

I'd like each of these images to be added to an array. But before I can even do that, I need to know how to handle shipImgs... How can I access that object and get the html to push to the array?

Rafay · Accepted Answer · 2012-03-21 07:18:53Z

2

if the div has more than one children then $("#div").children will already return you an array

http://jsfiddle.net/jBVZU/

or do you want to get an array of img src??

var shipImgs = $("#div").children();
console.log(shipImgs);

var imgArr=[];

$.each(shipImgs,function(i,elem){
imgArr.push($(elem).attr("src"));
});
console.log(imgArr);

DEMO

answered Mar 21, 2012 at 7:18

Rafay

31.1k5 gold badges71 silver badges106 bronze badges

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

2 Comments

Joseph Over a year ago

in simple terms, jQuery objects are just arrays with "decorative methods"

Digital Brent Over a year ago

Thanks @3nigma, the second part was exactly what I was looking for!

T. Junghans · Accepted Answer · 2012-03-21 07:31:31Z

0

Try this. It will store the actual html string of the image in an array.

var imageArray = [],
shipImgs = $("#div").children();

shipImgs.each(function () {
    var imghtml = $(this);

    imageArray.push(imghtml.wrap('<div />').parent().html());
});

edited Mar 21, 2012 at 7:31

answered Mar 21, 2012 at 7:17

T. Junghans

11.7k8 gold badges55 silver badges78 bronze badges

Collectives™ on Stack Overflow

how to turn jquery object into usable html?

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related