Javascript 如何显示数组的内容，动态更改结构id？

我正在尝试显示此阵列中的产品，但是，我无法使其动态更改ID以显示所有产品。到目前为止，我只能显示1个产品，因为id是固定的，如下面的js所示

//卡米萨斯
var j=jQuery.noConflict（）；
j（文档）.ready（函数（）{
j（文件）。在（“单击”，“ul”菜单li.nav项目1”，功能（）{
j、 getJSON（'/api/V1/categories/1'，函数（数据）{
console.log（数据项）；
var myArray=data.items；
//我尝试使用，但这样它只显示1个产品，而不是阵列中的所有产品
//对于（var i=0；iR$${data.items[1]。price}

`;
jQuery（'div#Product'）.html（inserttmlshirt）；
//}
});
})；

您确实希望注释掉循环，然后将

i

与

数据一起使用。项[i]

，但您需要通过添加到字符串而不是每次替换字符串来构建HTML。请参阅注释：

console.log(data.items);
var items = data.items; // *** Let's just call it `items`
var html = ""; // *** Start with a blank string
for (var i = 0; i < items.length; i++) {            
    // *** Use += to add to the `html` string
    // *** Note the ${items[i].id} and such
    html += `<div class="card" id="${items[i].id}">
              <img class="card-img-top" src="${items[i].image}" alt=" "/>
              <div class="card-body">
                  <h5 class="card-title">${items[i].name}</h5>
                  <p class="card-text">R$ ${items[i].price}</p>
                  <a href="#" class="btn btn-primary">COMPRAR</a>
              </div>
          </div>`;
} // *** End of loop
jQuery('div#Product').html(html);

点击我

关于Stack Overflow，所有问题都必须用英语。请将您的问题翻译成英语。否则，它将被删除。不幸的是，Stack Overflow是一个只使用英语的网站；您可能会在上得到更好的答复。aqui habla inglesPerguntas e respostas aqui devem ser escritas em inglês。请使用，以获取支持。（此处的问题和答案必须用英语书写，请使用）哦…对不起，伙计们。我会编辑我的问题。太棒了。就是这样。我的思路是正确的，但我没有做动态部分。关于产品，我如何让它们水平显示？@R.Park-制作

.card

元素

显示：内联块

。我尝试了

显示：内联块

属性，但它不起作用（@R.Park-因为这是一个全新的问题，我建议发布一个关于它的新问题，用足够的HTML和CSS来演示这个问题。编码愉快！好的，非常感谢。