Как сделать многомерный массив следующим образом в JavaScript

Question

хочу сделать массив как это

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

Я хочу сделать вышеупомянутую структуру массива из div, содержащего изображения, используя каждую функцию jquery.

чтобы я мог получить его как 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')
} );