如何一次顯示一個隱藏類的元素？

Question

我想在jquery中建立一個測驗，以便用戶一次只能看到一個問題。我已經使用PHP填充了'divs'。我可以隱藏問題列表： $(".questions).hide();

但是，當我選擇隱藏類內的任何元素的ID，它不會顯示。

這裏是一個虛擬的HTML：

$(document).ready(function() { 
 

 
    $(".questions").hide(); 
 
    $("#question1").show(); // this is not working. 
 

 

 
    $(".option").click(answeredQuestionBox); 
 
    $(".check-box").click(reviewQuestionBox); 
 

 
});

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

Answer 1

你需要隱藏子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> 

那麼你可以使用

$(".questions > div.questions").not("#question1").hide();