Javascript创建一个div，其中包含来自数组[i]的img和p

我有以下代码：

var-imglis=['a.jpg'，'b.jpg'，'c.jpg']//这是图像
var imgs=“”；
var descs=[“a”、“b”、“c”]//这就是描述
var des=“”；
风险值价格=[“200”、“300”、“400”]//这是价格
var p=“”；
对于（变量i=0；i


使用
.each（）
循环img
使用图像索引获得等价的描述和价格

var-imglis=['a.jpg'，'b.jpg'，'c.jpg']//这是图像
var descs=[“a”、“b”、“c”]//这就是描述
风险值价格=[“200”、“300”、“400”]//这是价格
美元。每个（imglis，功能（i，v）{
var div=$（''）
div.append（“
使用
.each（）
循环img
使用图像索引获得等价的描述和价格

var-imglis=['a.jpg'，'b.jpg'，'c.jpg']//这是图像
var descs=[“a”、“b”、“c”]；//这是描述
var price=[“200”、“300”、“400”]；//这是价格
美元。每个（imglis，功能（i，v）{
var div=$（''）
div.append（“
您有自己的列表结构，因此可以使用html连接实现所有数组值，如下所示

演示


var-imglis=['a.jpg'，'b.jpg'，'c.jpg']，//这是图像
descs=[“a”、“b”、“c”]，//这是描述
价格=[“200”、“300”、“400”]，//这是价格
html=''；
对于（变量i=0；i
${price[i]}

`;
}
document.getElementById（'main-div'）。innerHTML=html；
您有自己的列表结构，因此可以使用html连接实现所有数组值，如下所示

演示


var-imglis=['a.jpg'，'b.jpg'，'c.jpg']，//这是图像
descs=[“a”、“b”、“c”]，//这是描述
价格=[“200”、“300”、“400”]，//这是价格
html=''；
对于（变量i=0；i
${price[i]}

`;
}
document.getElementById（'main-div'）。innerHTML=html；
您也可以使用此功能来解决您的问题


document.onload=loadElements（）；
函数loadElements（）{
var totalHtml=“”；
var imglis=['a.jpg'，'b.jpg'，'c.jpg']//这是图像
var imgs=“”；
var descs=[“a”、“b”、“c”]；//这是描述
var des=“”；
var price=[“200”、“300”、“400”]；//这是价格
var p=“”；
对于（变量i=0；i

您也可以使用此功能来解决您的问题


document.onload=loadElements（）；
函数loadElements（）{
var totalHtml=“”；
var imglis=['a.jpg'，'b.jpg'，'c.jpg']//这是图像
var imgs=“”；
var descs=[“a”、“b”、“c”]；//这是描述
var des=“”；
var price=[“200”、“300”、“400”]；//这是价格
var p=“”；
对于（变量i=0；i

请修复我为显示问题而制作的代码段。您可以在以下位置获取图像-使用appendChild将图像添加到div而不是outerHTMLW。标记中使用2个div的目的是什么？请修复我为显示问题而制作的代码段。您可以在以下位置获取图像-使用appendChild将图像添加到div而不是outerHTMLW在你的标记中有两个div？最近，我在学习React js，是否可以用map（）做同样的事情？顺便说一句，谢谢你的回答，效果很好！！最近，我在学习React js，是否可以用map（）做同样的事情？顺便说一句，谢谢你的回答，效果很好！！