как показать значения массива в цикле for в Ajax

Question

Я попытался с некоторыми значениями функции успеха Ajax, которые показаны в галерее изображений.Я написал этот код, чтобы взорвать значение моего столбца таблицы базы данных.

var mystr = html.data.images;
var myarr = mystr.split("|");
console.log(myarr);

этот код возвращает меня, как этот результат.

(2) ["1562037525.jpg", "1562037525.jpg"]
0: "1562037525.jpg"
1: "1562037525.jpg"
length: 2
__proto__: Array(0)

я хочу показать значения этого изображения в моей галерее изображений srcтег.Я попробовал это так.

$.each(myarr, function(index, value) {
          $('#project_img_gallery').html('<aside class="thumbnails"> <a href="#" class="selected small" data-big="/images/projects/myarr[index]">
             <div class="thumbnail-image" style="background-image: url(/images/projects/'+myarr[index]+')"></div>
           </a></aside><main class="primary" style="background-image: url('/images/projects/myarr[index]');"></main>');
        });

, но он не показывает изображения моего массива.как я могу это исправить.

Answer 1

Это правильный ответ, который я выяснил:

var output = '';
       output += '<aside class="thumbnails">';
       for(var i = 0; i < myarr.length; i++){
          output += '<a href="#" class="selected small" data-big="/images/projects/'+myarr[i]+'">';
          output += '<div class="thumbnail-image" style="background-image: url(/images/projects/'+myarr[i]+')">';
          output += '</div>';
          output += '</a>';
          output += '</div>';
       }
       output += '</aside>';
       output += '<main class="primary" style="background-image: url(/images/projects/'+myarr[0]+');">';
       output += '</main>';
       $('#project_img_gallery').html(output);

Answer 2

Согласно этому,

я хочу показать значения этого изображения в тег src моей галереи изображений

Вы должны хотеть этого,

var myarr =  ["1562037525.jpg", "1562037525.jpg"];

$.each(myarr, function(index, value) {
   $('.project_img_gallery').append('<aside class="thumbnails"><a href="#" class="selected small" data-big="/images/projects/'+myarr[index]+'"> <div class = "thumbnail-image"                style = "background-image: url(/images/projects/'+myarr[index]+')"></div> </a></aside > <main class="primary" style="background-image: url(/images/projects/'+myarr[index]+')"></main>');
});

Демо