如何根据事件监听器动态改变 JavaScript 文件的索引

Question

我正在使用以下代码获取json文件的答案和问题：

$(document).ready(function () {
    $.getJSON("data.json", function (json) {
        var anserFor1st = json.questions[0].answers;
        var anserFor2nd = json.questions[1].answers; //If it's more than two use a loop
        document.getElementById("content").innerHTML = JSON.stringify(anserFor1st) + "<br/>" + JSON.stringify(anserFor2nd);
        var aString = "";
        Object.keys(anserFor1st).forEach(function (k) {
            aString += anserFor1st[k] + "<br/>";
        });
        Object.keys(anserFor2nd).forEach(function (k) {
            aString += anserFor2nd[k] + "<br/>";
        });
        document.getElementById("content").innerHTML = aString;
    });
});

相反，我想动态更改答案和问题的索引，也就是写以下内容：

var anser = json.questions[i].answers;

我必须根据事件侦听器更改索引以单击 html 文件中的下一步和前进按钮。

如何动态更改索引？

Answer 1

我想你的意思是你想要这个：

$(document).ready(function () {
    $.getJSON("data.json", function (json) {
        var answers = [];
        var aString = "";
        for (var i = 0; i < json.questions.length; i++)
        {
            answers[i] = json.questions[i].answers;
            document.getElementById("content").innerHTML += JSON.stringify(answers[i]) + "<br/>";
            for (var j = 0; j < answers[i].length; j++)
            {
                aString += answers[i][j] + "<br/>";
            }
        }
        document.getElementById("content").innerHTML = aString;
    });
});

这段代码和你的完全一样，但是里面有些东西没有意义（比如首先将json.questions[i].answers加载到内容元素中，然后在几行之后用@的内容替换它987654324@。）您还可以在将 JSON 放入 DOM 之前对其进行字符串化，但我希望您会做相反的事情（解析它，因为您已经将它作为 JSON 检索，所以再次对其进行字符串化不应该做任何事情） .

基本上，我不完全确定您的问题是什么意思，所以如果我误解了，请澄清您的问题。

编辑：如果您的问题只是记住您在回答哪个问题，请创建一个变量来保存当前问题的编号（例如var currentQuestion = 1;），然后根据单击的按钮更改它。

例如：

$("#buttonPrevious").on("click", function (e)
{
    currentQuestion--;
});
$("#buttonNext").on("click", function (e)
{
    currentQuestion++;
});

当然，您可以检查最小/最大问题数（例如，您的最大问题数可以等于上面循环中i 的最后一个值）。