jQuery的：如何顯示的內容的數量，我們希望

Question

我的HTML代碼

<div class="content"> 
    Question : <input type="text" size="30"/><br /> 
    Answer A : <input type="text" size="30"/><br /> 
    Answer B : <input type="text" size="30"/><br /> 
    Answer C : <input type="text" size="30"/><br /> 
    Answer D : <input type="text" size="30"/><br /> 
    Correct Answer : 
     <input type="radio" name="a"/> A 
     <input type="radio" name="b"/> B 
     <input type="radio" name="c"/> C 
     <input type="radio" name="d"/> D 
</div> 

Please select the number of questions you want to display 
<select class="choice"> 
    <option selected="selected">Select</option> 
    <option value="2">2</option> 
    <option value="4">4</option> 
</select> 

<div class="display"> 

</div> 

，這裏是jQuery代碼來處理

$(document).ready(function(){ 
     $(".content").hide();  

     $("select.choice").change(function(){ 
      var i = parseInt($(this).attr("value")) ; 
      var j; 
      for(j = 1; j<=i ; j++){ 
       $(".content").show().appendTo($(".display")); 
      } 
     }); 
    }) 

但結果是隻能顯示一個問題儘管我選擇了選項「2」。那麼當我選擇該選項時，如何顯示問題的數量？

謝謝！

Answer 1

您需要克隆

$(".content").clone().appendTo($(".display")).show(); 

基本上你的代碼移動。內容到。顯示的內容，所以當你遍歷沒有什麼。內容第一遍之後。如果你使用clone（），它會克隆它或複製它而不移動它。

您還應該將.show（）複製到末尾。否則，您將顯示原始文件，而不是.display中的克隆。