jqueryオブジェクトを使用可能なHTMLに変換する方法は？

Question

次のコード警告： "オブジェクトオブジェクトは、"

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

divが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").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文字列を格納します。 div要素が複数の子を持つ場合

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

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

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