JS で出力しようとしているもの:
<ul>
<li>title1
<ul>
<li>image1</li>
<li>image2</li>
<li>image3</li>
</ul>
</li>
<li>title2
<ul>
<li>image1</li>
<li>image2</li>
<li>image3</li>
</ul>
</li>
...and so forth...
</ul>
JSON:
var data = [
{
title: "title1",
image:["image1", "image2", "image3"]
},
{
title: "title2",
image:["image1", "image2", "image3"]
},
{
title: "title3",
image:["image1", "image2", "image3"]
},
{
title: "title4",
image:["image1", "image2", "image3"]
}
];
私のJS
for(var i=0; i < data.length; i++) {
var item = data[i];
var obj = {
title:item.title,
image:item.image
};
var theimages;
var html = '';
for(j=0; j < item.image.length; j++) {
theimages = '<li>' + item.image[j] + '</li>';
}
html += '<li>' + item.title + '<ul>';
html += theimages;
html += '</ul></li>';
}
console.log(html);
for
loop
内側の値を取得し、それを外側と組み合わせて、for
loop
達成しようとしている出力が得られるようにする方法を誰かが説明できますか。現在、私はこれで終わります:
<li>title4
<ul>
<li>image3</li>
</ul>
</li>