Javascript/Jquery 循环元素

Question

我正在尝试为我的一个 friend 的学校做一个测验。 学生们看到 4 个单词和 4 个句子，他们需要将正确的单词拖到与其匹配的句子中。

我在浏览器中用 jQuery 和 MySQL 做这个，这样老师就可以查看谁做了作业，谁没有。

老师希望每页有 4 个问题，然后您单击下一步按钮，您会看到您做错了什么/做得好，然后继续下 4 个问题。最后我需要将它写入数据库。

目前我正在使用以下 jQuery 代码浏览答案。

 if ($("#answer1").data("answer") == $("#question1").text()) {
   $("#question1").css("background","#0F9");
   good++;
 } else {
   $("#question1").css("background","#903");
   mistakes++;
 };

我正在考虑一次加载所有问题并在您单击下一步按钮时隐藏/显示它们，以防止重复问题并便于记住正确/错误的答案。

现在我想让上面代码的循环动态化。所以我想把它放在一个 for 中，看起来像这样。

 for (var i = 0; i < 4; i++) {
   if ($("#answer" & (i+page)).data("answer") == $("#question" & (i+page)).text()) {
     $("#question" & (i+page)).css("background","#0F9");
     good++;
   } else {
     $("#question" & (i+page)).css("background","#903");
     mistakes++;
   }; 
 }

当然 & (i+page) 部分根本不起作用。 (当您点击下一步按钮时，页面会增加 4)。有什么方法可以在 javascript/jQuery 中实现这一点，还是我需要完全尝试我的方法？

Answer 1

将您提供的代码中的所有&替换为+。