Javascript Jquery onclick表单中的下一个按钮

我的表格需要帮助。我对jQuery的了解很差，下面的代码是我在google上找到的。我需要表单，我知道如何使用HTML5和CSS3创建表单，但我不知道如何在jQuery中使用隐藏和显示选项，以及如何使用“下一步”按钮连接

我想这样做

var阶跃=1；
$（“下一步”）。点击
作用{
$（“步骤”+步骤）.hide（）；
步骤+=1
$（“steo”+步骤）.show（）；
}

.step1{
显示：块；
背景颜色：银色；
}
.步骤2{
显示：无；
背景颜色：黄色；
}
.步骤3{
显示：无；
背景颜色：绿色；
}
.步骤4{
显示：无；
背景色：红色；
}
.步骤5{
显示：无；
背景颜色：蓝色；
}

内容1

下一个
内容2

下一个
内容3

下一个
内容4

下一个
内容5

下一个

看起来你漏掉了一个点

  function{
$(".step"+step).hide();
step+=1
$(".step"+step).show(); 
 }

你不需要那么多“下一步”按钮。对于ID，您应该在页面上只有一个，在本例中，它可以对每个项目重复使用

您需要在步骤调用中添加类指示符

$（“.step”+step）.

（'click'，function（）…上的

.on代码格式不正确

下面的代码片段将帮助您朝着正确的方向前进

var阶跃=1；
$（“#下一步”）。在（“单击”）上，函数（e）{
e、 预防默认值（）；
$（“.step”+step.hide（）；
步骤+=1；
$（“.step”+step.show（）；
})；

.step1{
显示：块；
背景颜色：银色；
}
.步骤2{
显示：无；
背景颜色：黄色；
}
.步骤3{
显示：无；
背景颜色：绿色；
}
.步骤4{
显示：无；
背景色：红色；
}
.步骤5{
显示：无；
背景颜色：蓝色；
}

内容1

内容2

内容3

内容4

内容5

下一个

那么基本上你是在找人为你写这段代码吗？首先，

$（“#下一步”）。在（“单击”）函数上{

应该是

$（“#下一步”）。在（“单击，函数（）{//code HERE}）；

让我们从你的文档中不能有重复的ID开始，你的示例中没有包含jQuery，而且你在

$（）steo“+step）

。您还省略了

$（“step”

行中的句点（应该是

$（“.step”

）