如何在javascript中将多维数组如下所示

Question

我想制作数组 像这样

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

我想使用jquery的每个函数从包含图像的div中创建数组的上述结构。

以便我可以像ImageArray[index].image

一样检索它

Answer 1

var ImageArray = [];

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

应该更改选择器的div部分以匹配您要用作容器的div ..

Answer 2

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

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

Answer 3

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