Javascript 每次使用jQuery时，单击隐藏前一个问题的问题

我有5个问题想点出来。我一次只想问一个问题。每个问题下面都有返回和下一步按钮。但是jQuery我已经处理了第一个问题，但之后失败了。我做错了什么

HTML

你叫什么名字？
a href=“#”id=“后退”>后退
a href=“#”id=“下一步”>下一步
你姓什么？
a href=“#”id=“后退”>后退
a href=“#”id=“下一步”>下一步
你多大了？
a href=“#”id=“后退”>后退
a href=“#”id=“下一步”>下一步
你最喜欢什么颜色？
a href=“#”id=“后退”>后退
a href=“#”id=“下一步”>下一步

jQuery

<script src="jquery.js"></script>
<script>  
  $(document).ready(function () {
    $("#two").hide();
    $("#three").hide();
    $("#four").hide();
    $("#next").click(function () {
      $("#one").hide();
      $("#two").show();
    });
  });
  $(document).ready(function () {
    $("#next").click(function () {
      $("#two").hide();
      $("#three").show();
    });
  });
</script>

$（文档）.ready（函数（）{
$（“#两”）.hide（）；
$（“#三”）.hide（）；
$（“#四”）.hide（）；
$（“#下一步”）。单击（函数（）{
$（“#一”）.hide（）；
$（“#两”）.show（）；
});
});
$（文档）.ready（函数（）{
$（“#下一步”）。单击（函数（）{
$（“#两”）.hide（）；
$（“#三”）.show（）；
});
});

主要问题是，您有多个元素具有相同的

id

，

id

应该始终是唯一的

---

另外请注意，您忘记了

。主要问题是您有多个元素具有相同的
id
，
id
应始终是唯一的

另外请注意，您忘记了
您的第一个问题是您不能将相同的
id
提供给您的元素。Id用于使元素uniqeu。您可以对相同类型的元素使用
class

第二个问题是
a
标记元素之前的语法错误

首先，您可以使用
class
属性隐藏所有元素，并使用
id
属性显示特定元素


$（文档）.ready（函数（）{
$（“.question”）.hide（）；
$（“#一”）.show（）；
});
函数NextBack（id）{
$（“.question”）.hide（）；
$（“#”+id）.show（）；
}


你叫什么名字？
你姓什么？
你多大了？
你最喜欢什么颜色？
您的第一个问题是无法为元素提供相同的
id
。Id用于使元素uniqeu。您可以对相同类型的元素使用
class

第二个问题是
a
标记元素之前的语法错误

首先，您可以使用
class
属性隐藏所有元素，并使用
id
属性显示特定元素


$（文档）.ready（函数（）{
$（“.question”）.hide（）；
$（“#一”）.show（）；
});
函数NextBack（id）{
$（“.question”）.hide（）；
$（“#”+id）.show（）；
}


你叫什么名字？
你姓什么？
你多大了？
你最喜欢什么颜色？
请注意，不能有多个id相同的元素。id应始终唯一。请注意，不能有多个id相同的元素。id应始终唯一
<script src="jquery.js"></script>
<script>  
  $(document).ready(function () {
    $("#two").hide();
    $("#three").hide();
    $("#four").hide();
    $("#next").click(function () {
      $("#one").hide();
      $("#two").show();
    });
  });
  $(document).ready(function () {
    $("#next").click(function () {
      $("#two").hide();
      $("#three").show();
    });
  });
</script>

$(document).ready(function() {
  $(".questiontwo,.questionthree,.questionfour").hide();
  $(".next").click(function() {
    var current = $(this).closest("[class*=question]");
    var next = current.next("[class*=question]");
    if (next.length == 1){
      current.hide();
      next.show();
    }
  });
});