Javascript “我该怎么做？”；“跳跃”；到一个特定的元素？

我有一个脚本来显示我的测验。每次显示一个问题，单击“下一步”时，旧问题淡出，新问题淡入

我还制作了一个引用问题的表——该表是用更多js生成的。我想这样做，当我点击etc“问题1”时，当前显示的问题淡出，问题1淡入（我在这里说淡出，但实际上动画是即时的，正如你所知道的）。如果我点击“问题2”，同样的事情会发生，但问题2会消失。如果不做一些极其复杂的事情，我就想不出如何做到这一点。有没有想过我该如何做到这一点

var totalQuestions=$（'.questions'）。长度；
var-currentQuestion=0；
变量$questions=$（'.questions'）；
$questions.hide（）；
$（$问题[currentQuestion]）.fadeIn（0）；
$（'#btn next'）。单击（函数（）{
$（$questions[currentQuestion]）.fadeOut（0，函数（）{
当前问题++；
如果（currentQuestion==totalQuestions）{
//在这里做点什么
}否则{
$（$问题[currentQuestion]）.fadeIn（0）；
}
});
表格控制（总问题）；
})
var tableControl=函数（numberOfQuestions）{
对于（var i=0；i

小测验1问题1
小测验1问题1答案1
小测验1问题1答案2
小测验1问题1答案3
小测验1问题1答案4
小测验1第2题
小测验1问题2答案1
小测验1问题2答案2
小测验1问题2答案3
小测验1问题2答案4
小测验1第3题
小测验1问题3答案1
小测验1问题3答案2
小测验1问题3答案3
小测验1问题3答案4
问题:
标记
完整的
跳过

您肯定在寻找：

-这将得到

n

问题

首先，将

问题
类添加到
中，并在
tableControl（）的范围内添加一些变量。单击处理程序也必须在那里。这是一堆代码

var current = 0;
$('#btn-next').click(function () {
      $('.questions').eq(current).fadeOut();
      current++;
      $('.questions').eq(current).fadeIn();
});

和
您需要.eq（当前问题）

我清理了一下，当我发现你需要导航台时，我也把它修好了


$（函数（）{
var$questions=$（'.questions'），
totalQuestions=$questions.length，
当前问题=0；
表格控制（总问题）；
$questions.hide（）；
$questions.eq（currentQuestion.fadeIn）（0）；
$（'#btn next'）。单击（函数（）{
$questions.eq（currentQuestion）.fadeOut（0，函数（）{
当前问题++；
如果（currentQuestion==totalQuestions）{
控制台日志（“完成”）；
}否则{
$questions.eq（currentQuestion.fadeIn）（0）；
}
});
});
$（“#测验表”）。在（“单击”，“.nav”，函数（e）上{
e、 预防默认值（）；
var clicked=$（this.data（“id”）；//如果存在一对一匹配，则单击的TR
$questions.eq（currentQuestion）.fadeOut（0，函数（）{
currentQuestion=单击；
$questions.eq（点击）.fadeIn（0）；
});
});
})
var tableControl=函数（numberOfQuestions）{
对于（var i=0；i


小测验1问题1
小测验1问题1答案1
小测验1问题1答案2
小测验1问题1答案3
小测验1问题1答案4
小测验1第2题
小测验1问题2答案1
小测验1问题2答案2
小测验1问题2答案3
小测验1问题2答案4
小测验1第3题
小测验1问题3答案1
小测验1问题3答案2
小测验1问题3答案3
小测验1问题3答案4
问题:
标记
完整的
跳过
这个问题需要演示才能得到好的答案。你能解释一下原因吗？我认为我给出的代码非常简单。演示会很困难，因为我正在使用rails生成问题本身。我清理了一些与我的问题无关的代码。我想我没有正确地表达我的意图。这张桌子是另一件东西。我想做的有两部分：1。逐个显示我的所有问题，使用“下一步”转到下一个问题。2.有一个表格，可以让我直接跳到我想要的任何问题编号。我已经完成了1。代码运行良好。我遇到麻烦的是#2。这有意义吗？我将添加一个代码片段。我添加了一个带有html和javascript的示例-似乎仍能满足您的要求。您还需要什么？如果您想丢失按钮，可以将单击更改为
$（'.questions'）。单击（function（）{
）您根本不懂。我想如果您重新阅读我的问题，您会理解的。“我有一个脚本来显示我的测验。一次显示一个问题，当你单击“下一步”时，旧问题淡出，新问题淡入。我还制作了一个引用问题的表格——表格中生成了更多的js。我想这样做，当我单击etc“问题1”时”，当前显示的问题淡出，问题1淡入（我在这里说淡出，但实际上动画是即时的，正如你所知）。“你的意思是，当你单击表中的问题1时，问题1 DIV淡入？为什么不直截了当地说呢？我读了你的问题。回答同样问题的另一个人也读了。我\n会更改代码