Question

以下代码提醒：“object Object”

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有多个孩子，那么$("#div").children就会返回一个数组

http://jsfiddle.net/jBVZU/

或者您想获得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

Answer 2

试试这个。它会将图像的实际html字符串存储在数组中。

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

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

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

如何将jquery对象转换为可用的html？

2 个答案: