Jquery 如何一次显示一个隐藏类的元素？

我试图在jquery中构建一个测验，这样用户一次只能看到一个问题。我已经使用PHP填充了“div”。我可以使用以下选项隐藏问题列表：

$（“.questions.hide（）；

但是，当我选择隐藏类中任何元素的id时，它不会显示

下面是一个虚拟HTML：

$（文档）.ready（函数（）{
$（“.questions”）.hide（）；
$（“#问题1”）.show（）；//这不起作用。
$（“.option”）。单击（回答问题框）；
$（“.复选框”）。单击（查看问题框）；
})；

//这里的问题是“收音机”输入选项。

您需要隐藏

问题
元素的子
div

$(".questions > div").hide(); //$(".questions").children("div").hide()
$("#question1").show();

我建议您为这个问题指定一个CSS类

<div class="questions">
  <div class="question" id="question1">
      // question goes here with 'radio' input options.
  </div>
</div>

您需要隐藏
questions
元素的子
div

$(".questions > div").hide(); //$(".questions").children("div").hide()
$("#question1").show();

我建议您为这个问题指定一个CSS类

<div class="questions">
  <div class="question" id="question1">
      // question goes here with 'radio' input options.
  </div>
</div>

它成功了。我的印象是隐藏父div会自动隐藏所有子元素，然后我可以使用它们的id有选择地显示它们。你能告诉我正确的方向吗，为什么不是这样吗？非常感谢。它成功了。我的印象是隐藏父div会隐藏所有子元素自动地，然后我可以使用他们的id有选择地显示他们。你能告诉我正确的方向吗，为什么不是这样？非常感谢。