Question

我正在尝试在jquery中构建一个测验，以便用户一次只能看到一个问题。我已经填充了“divs＆＃39;使用PHP。我可以隐藏问题列表： $(".questions).hide();

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

这是一个虚拟HTML：

＆＃13;

$(document).ready(function() {

  $(".questions").hide();
  $("#question1").show(); // this is not working.


  $(".option").click(answeredQuestionBox);
  $(".check-box").click(reviewQuestionBox);

});

＆＃13;

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

＆＃13;

Answer 1

您需要隐藏div元素的子questions。

$(".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").not("#question1").hide();

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

1 个答案: