小贝子编程

如何在javascript中进行如下的多维数组

我想制作数组像这个

var ImageArray = [
             {image:"/image1.jpg"},
             {image:"/image1.jpg"},
             {image:"/image1.jpg"}
             ]

我想使用jquery的每个函数，从包含图像的div中制作上面的数组结构。

这样我就可以像ImageArray[index].image 一样检索它

var ImageArray = [];
$('div img').each(function(){
   ImageArray.push({image:this.src});
});

选择器的div部分应该进行更改，以匹配要用作容器的div。。

您也可以使用jQuery.map()在单个调用中执行此操作，而无需声明单独的数组，例如：

var ImageArray = $('div img').map(function(i,img) {
  return {image:this.src};
});

var ImageArray = [];
$('div.images').children('img').each( function() {
  ImageArray.push({ image: this.src }) // or $(this).attr('src')
} );

相关内容