在Javascript中的另一个数组中迭代一个数组并在UL中显示项

我正在使用Javascript创建一个测验应用程序，但我不知道如何获得要在

ul

中显示的多项选择题答案。它们目前都出现在一个

li

中，我需要将它们拆分到每一个中。我还将在每个

li

中包含一个图像，因此我已经设置了HTML和CSS，以确保它们正确显示

HTML包含的文本主要作为占位符，我只在JS代码中复制了allQuestions数组中的一个问题

var i=0；
var j=0；
var allQuestions=[{
问题编号：1，
问：“谁是曼联最成功的教练？”，
选项：[“马特·巴斯比爵士”、“路易斯·范加尔”、“瑞安·吉格斯”、“亚历克斯·弗格森爵士”]，
答:三,，
信息：“弗格森爵士在1986年至2013年间担任曼联主帅26年。在此期间，他共获得38座奖杯，其中包括13座英超冠军、5座足总杯冠军和2座欧洲冠军杯冠军。他的获胜率接近60%，是俱乐部历史上最高的教练。”
}];
//开始测验并生成第一个问题//
$（'go'）。在（'click'，function（）上{
$（'.start'）.hide（）；
generateQuestions（）；
});
函数generateQuestions（）{
$（'question container'）.fadeIn（1000）；
$（'.submit'）.fadeIn（1000）；
var firstQuestion=allQuestions[i]。问题；
$（'.question'）.html（第一个问题）；
console.log（第一个问题）；
var firstNumber=所有问题[i]。问题编号；
$（'.question number'）.html（“问题”+“”+firstNumber）；
console.log（firstNumber）；
/*var firstOptions=allQuestions[i]。选项；
$（'li'）.html（第一个选项）；
console.log（第一个选项）*/
};
//提交答案并显示答案//
$（'.submit'）。在（'click'，function（）上{
$（'.answer overlay'）.show（）；
submitAnswer（）；
});
函数submitAnswer（）{
$（'.answer overlay'）.show（）；
var currentAnswer=所有问题[i]。答案；
$（'.answer'）.html（currentAnswer）；
console.log（currentAnswer）；
var currentInfo=所有问题[i].info；
$（'.answer info'）.html（currentInfo）；
console.log（currentInfo）；
};
//隐藏答案模式并显示下一个问题//
$（'next question'）。在（'click'，function（）上{
nextQuestion（）；
});
函数nextQuestion（）{
$（'.answer overlay'）。淡出（1000）；
如果（i>allQuestions.length-1）{
i=0
}
生成方程（i）；
我++
var nextQuestion=allQuestions[i]。问题；
$（'.question'）.html（下一个问题）；
console.log（nextQuestion）；
var nextNumber=所有问题[i]。问题编号；
$（'.question number'）.html（“问题”+“”+nextNumber）；
console.log（下一个编号）；
/*var nextOptions=allQuestions[i]。选项；
$（'li'）.html（下一选项）；
控制台日志（nextOptions）*/
};

问题1
谁是曼联最成功的教练？

马特·巴斯比爵士
路易斯范加尔
瑞安·吉格斯
亚历克斯·弗格森爵士
您的代码似乎适合我。（我在OP中添加了一个可运行的代码段供您检查）


编辑：好的，我看到显示的是占位符文本

$（'li'）.html（第一个选项）是您的问题。相反，您应该循环使用firstOptions（因为它是一个数组），并分别设置每个
li
的内容。这同样适用于下一个选项

像下面这样的东西会有用的


var i=0；
var j=0；
var allQuestions=[{
问题编号：1，
问：“谁是曼联最成功的教练？”，
选项：[“马特·巴斯比爵士”、“路易斯·范加尔”、“瑞安·吉格斯”、“亚历克斯·弗格森爵士”]，
答:三,，
信息：“弗格森爵士在1986年至2013年间担任曼联主帅26年。在此期间，他共获得38座奖杯，其中包括13座英超冠军、5座足总杯冠军和2座欧洲冠军杯冠军。他的获胜率接近60%，是俱乐部历史上最高的教练。”
}];
//开始测验并生成第一个问题//
$（'go'）。在（'click'，function（）上{
$（'.start'）.hide（）；
generateQuestions（）；
});
函数generateQuestions（）{
$（'question container'）.fadeIn（1000）；
$（'.submit'）.fadeIn（1000）；
var firstQuestion=allQuestions[i]。问题；
$（'.question'）.html（第一个问题）；
console.log（第一个问题）；
var firstNumber=所有问题[i]。问题编号；
$（'.question number'）.html（“问题”+“”+firstNumber）；
console.log（firstNumber）；
var firstOptions=allQuestions[i]。选项；
var-k；
对于（k=0；k<4；k++）
$（'#pic'+（k+1））.html（firstOptions[k]）；
console.log（第一个选项）；
};
//提交答案并显示答案//
$（'.submit'）。在（'click'，function（）上{
$（'.answer overlay'）.show（）；
submitAnswer（）；
});
函数submitAnswer（）{
$（'.answer overlay'）.show（）；
var currentAnswer=所有问题[i]。答案；
$（'.answer'）.html（currentAnswer）；
console.log（currentAnswer）；
var currentInfo=所有问题[i].info；
$（'.answer info'）.html（currentInfo）；
console.log（currentInfo）；
};
//隐藏答案模式并显示下一个问题//
$（'next question'）。在（'click'，function（）上{
nextQuestion（）；
});
函数nextQuestion（）{
$（'.answer overlay'）。淡出（1000）；
如果（i>allQuestions.length-1）{
i=0
}
生成方程（i）；
我++
var nextQuestion=allQuestions[i]。问题；
$（'.question'）.html（下一个问题）；
console.log（nextQuestion）；
var nextNumber=所有问题[i]。问题编号；
$（'.question number'）.html（“问题”+“”+nextNumber）；
console.log（下一个编号）；
var nextOptions=allQuestions[i]。选项；
var-k；
对于（k=0；k<4；k++）
$（'图片'+(
allQuestions[i].options.forEach(function(answer,index){
        $("#pic"+(index +1)).html(answer);
    console.log(answer);
});