[英]How can I access items inside a two-dimensional array?
对于 5 个问题的多项选择测验,我有一个显示问题、创建四个列表项并在其中附加按钮的函数。
我需要将答案选择文本放在按钮中。 我有一个包含 5 个数组的数组,每个数组包含 4 个答案选择字符串。 我正在努力寻找正确的方法来做到这一点。 我试过使用嵌套的 if 循环和 foreach() 并将按钮 textContent 设置为项目,但似乎无法让它工作。 我需要访问第一个内部数组中的 4 个项目,然后在每次迭代时移动到下一个内部数组。
以下是我目前正在使用的内容。
var list = document.getElementById("list");
var btn = document.getElementById("start");
var question = document.getElementById("question")
var questionArray =
[“Question 1”,
“Question 2“,
“Question 3”,
“Question 4“,
“Question 5“];
var answerArray =
[[“answer”, "answer", "answer", "answer"],
["answer", "answer", "answer", "answer"],
["answer", "answer", "answer", "answer"],
["answer", "answer", "answer", "answer"],
["answer", "answer", "answer", "answer"]];
function displayQuestion() {
for (var i=0; i < questionArray.length; i++) {
question.textContent = questionArray[i];
createListItems();
return;
}
}
function createListItems() {
for (var j=0; j < answerArray[0].length; j++) {
var listItem = document.createElement("li");
list.appendChild(listItem);
var answerButton = document.createElement("button");
listItem.appendChild(answerButton);
}
}
你可以像这样实现它:
function displayQuestion() {
for (var i = 0; i < questionArray.length; i++) {
(function(idx) {
question.textContent = questionArray[idx];
createListItems(idx);
})(i);
}
}
function createListItems(idx) {
for (var j=0; j < answerArray[idx].length; j++) {
var listItem = document.createElement("li");
listItem.appendChild(document.createTextNode(answerArray[idx]));
var answerButton = document.createElement("button");
listItem.appendChild(answerButton);
list.appendChild(listItem);
}
}
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.