jquery append和「for」函數

Question

我已經做了一個測驗創建者，但現在我正試圖將其中的信息提取到「前端」測驗中。

我想建立一個這樣的循環。此外，在這裏試圖將類'.hide'添加到除'第一個創建的類'之外的類'.question-holder'的所有div。

for(var i = 0; i < questions.length; i++) 
{ 
    var q = questions[i]; 
    var answers = q.getAnswers(); 
    $(".question-holder").append("<h2 id='QuizQuestionHeadline'>" + q.getQuestion() + "</h2><div class='question-wrap'></div>");    
    $(".question-wrap").append("<ul class='answers' id='quiz-answers'></ul>");   

    for(var n = 0; n < answers.length; n++) 
    { 
     $("#quiz-answers").append("<li><input tabindex='1' type='checkbox' id='input-1'><label for='input-1'><span>"+ answers[n].getAnswer() +"</span></label></li>");   
    }; 
};  

for(var i = 2; i < questions.length; i++) 
{ 
    $(".question-holder").addClass('hide');   
}; 

凡最終的HTML通過上面的代碼創建的應該是：這裏

<div class="question-holder"> 

<h2 id='QuizQuestionHeadline'>The Question</h2> 
     <ul id='quiz-answers' class="answers"> 
     <li> 
      <input tabindex="1" type="radio" id="input-1" name="quiz-radio"> 
      <label for="input-1"><span>Answer 1</span></label> 
     </li> 
     <li> 
      <input tabindex="2" type="radio" id="input-2" name="quiz-radio" checked> 
      <label for="input-2"><span>Answer 2</span></label> 
     </li> 
     </ul> 
</div> 

任何人都可以幫助我了一點？ :)

Answer 1

你還是最好隱藏所有的相關申報單，但隨後只顯示你想要哪一個？

var index = 0; // 0 based, so 0 is the first question 

$(".question-holder").addClass("hide"); 
$(".question-holder").eq(index).removeClass("hide"); 

你只需要更新index變量，然後再次運行該代碼以顯示具體問題:)

Answer 2

請注意，$(".question-holder").addClass('hide');將隱藏與類question-holder所有divs。因此for循環在這裏沒有任何意義。

for(var i = 2; i < questions.length; i++) { 
    $(".question-holder").addClass('hide');   
}; 

可以使用不同的ID對每個格做出來，然後用這個addClasshide到所有div除了一日一。

---

另一種簡單的解決方案是：

第一隱藏所有div然後顯示如下所示的第一行作爲代碼。

$(".question-holder").css('display', 'none'); 
$(".question-holder:first").css('display', 'block');