Javascript jQuery在单击“下一步”时显示和隐藏表单

我有一套表单，一次只显示一个表单。用户填写表单并单击“下一步”后，当前表单将隐藏，下一个表单将显示。还有一个后退按钮，如果用户需要修改任何字段，它可以遍历表单。我认为我采取的方法不太正确。因此我需要你的帮助

$（文档）.ready（函数（）{
$（'.form continue'）。单击（函数（）{
$（this）.parents（'.forms wrapper'）.addClass（'d-none'）；
$（this）.parents（'.forms wrapper'）.next（'.forms wrapper'）.removeClass（'d-none'）；
});
});
.col{
保证金：0自动；
}

返回
表格一

下表
返回
表格二

下表
返回
表格三

完成
您可以尝试下面的代码片段来理解该功能。您还可以根据需要添加验证



$（文档）.ready（函数（）{
元（“.div div”）。每个（函数（e）{
如果（e！=0）
$（this.hide（）；
});
$（“#下一步”）。单击（函数（）{
if（$（“.divs div:visible”）.next（）.length！=0）
$（“.divs div:visible”）.next（）.show（）.prev（）.hide（）；
否则{
$（“.divs div:visible”）.hide（）；
$（“.divs div:first”）.show（）；
}
返回false；
});
$（“#prev”）。单击（函数（）{
if（$（“.divs div:visible”）.prev（）.length！=0）
$（“.divs div:visible”）.prev（）.show（）.next（）.hide（）；
否则{
$（“.divs div:visible”）.hide（）；
$（“.divs div:last”）.show（）；
}
返回false；
});
});
表格一

表格二

表格三

您面临的问题是什么？我想从jQuery中看到一种更好的方法。您可以使用jQuery的
show
和
hide
方法。这对我来说很有用，另外还有一个问题。单击“下一步”按钮时，我如何才能专注于每个表单的第一个输入？别忘了向上投票并将其标记为正确答案：P您可以使用
$（“：input:first”）.focus（）来完成它。参考