Как превратить объект jquery в полезный html?

Question

следующие сигналы кода: "Объект Object"

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

ДИВ содержит 4 детей (изображение метки).

<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> 

Я хочу, чтобы каждое из этих изображений добавлялось в массив. Но прежде чем я могу это сделать, мне нужно знать, как обращаться с shipImgs ... Как я могу получить доступ к этому объекту и заставить html нажать массив?

Answer 1

если DIV имеет более одного ребенка, то $("#div").children уже вернет вам массив

http://jsfiddle.net/jBVZU/

---

или вы хотите, чтобы получить массив imgsrc ??

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

var imgArr=[]; 

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

DEMO

Answer 2

Попробуйте это. Он сохранит фактическую строку html изображения в массиве.

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

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

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