Не могу догадаться, как всавить данные из массива JSON в каждый див.
Нужно вставить в от в такой див коих 9 штук.
<div class="col-xs-12 col-md-4">
<div class="thumbnail">
<img class='nextprod' src="" alt="">
<div class="caption">
<h3>Thumbnail label</h3>
<p></p>
</div>
</div>
</div>
Вот код которым я это пытаюсь сделать, но так ничего не вставляется.
if (data.contents) {
let prod='';
let ctn2 = data.contents.length;
for(var ix=0; ix<ctn2; ix++) {
var countSrck=data.contents[1][ix]['src'].length;
var countAlter=data.contents[1][ix]['alternate'].length;
for(var isrk=0; isrk<countSrck; isrk++){
var srck=data.contents[1][ix]['src'][isrk];
for(var ialter=0; ialter<countAlter;ialter++){
var alter=data.contents[1][ix]['alternate'][ialter];
$('img.nextprod').attr({'src':srck,'alt':alter});
}
}
$('div.caption p').append(data.contents[1][ix]['small_text']);
}
}
Как вставить в каждый див свой контент? И как это сделать более грамотно?