如何显示/更改数组内容？

Question

我正在做javascriptissexy的测验。

动态（通过document.getElementById或jQuery的）删除当前问题，并添加下一个问题，当用户点击“下一步”按钮。 “下一步”按钮将是唯一用于导航此测验版本的按钮。

如何删除答案的当前问题+列表和动态显示新的？它现在运行良好，但认为这是要求我从问题的平滑过渡。

function nextQuestion(){ 

    j++; 
    currentQuestion.innerHTML = allQuestions[j].question; 

    for(var i = 0; i < allQuestions[j].choices.length; i++){ 
     currentChoices[i].innerHTML = allQuestions[j].choices[i]; 
    }; 

}; 

Answer 1

更换内容之前，你一定要躲起来，改变的内容，然后再次表明，它

$("#question").fadeOut("slow", function(){ 
    $("#question_content").html(allQuestions[question].question); 
    for(var i = 1; i <= allQuestions[question].choices.length; i++){ 
      $("#choise"+i).html(allQuestions[question].choices[i-1]); 
    }; 
    $("#question").fadeIn("slow");      
}); 

请查看此示例上的jsfiddle http://jsfiddle.net/en4rt9o7/

Answer 2

您可以删除使用shift

function nextQuestion() { 
     var question = allQuestions.shift(); 
     currentQuestion.innerHTML = question.question; 
     for (var i = 0; i < question.choices.length; i++) { 
      currentChoices[i].innerHTML = question.choices[i]; 
     }; 
    };