如何通過使用JQuery增加ID來在clone（）中添加多個輸入字段？

Question

使用jQuery我正在複製此字段集：

<fieldset class="pollQuestion" id="pq1"> 
    <ul> 
     <label>Answers</label> 
     <li id="answerFields"> 
      <input type="text" id="formanswer1" value="" /> 
     </li> 
     <li> 
      <input type="button" class="addAnswer" value="Add Answer" /> 
      <input type="button" class="delAnswer" value="Remove Answer" /> 
     </li> 
    </ul> 
</fieldset> 

當我的clone（）這個字段集，我怎樣才能加李＃answerFields裏面輸入字段？

我希望我的克隆看起來像這樣：

<fieldset class="pollQuestion" id="pq1"> 
    <ul> 
     <label>Answers</label> 
     <li id="answerFields"> 
      <input type="text" id="formanswer1" value="" /> 
      <input type="text" id="formanswer2" value="" /> 
      <input type="text" id="formanswer3" value="" /> 
     </li> 
     <li> 
      <input type="button" class="addAnswer" value="Add Answer" /> 
      <input type="button" class="delAnswer" value="Remove Answer" /> 
     </li> 
    </ul> 
</fieldset> 

任何及所有的幫助是大大appriciated！

Answer 1

如果你的克隆是在$ your_clone：

var $answers = $your_clone.find("#answerFields"); 
var n_answers = $answers.find("input").length; // Here you get max number 
var number_of_new_answers = XXX; // Your number of answers 
for (i = n_answers + 1; i <= n_answers + number_of_new_answers; i++) { 
    var $new_answer = $('<input type="text" value="" id="formanswer' + i + '" />', { 
     type:"text", 
     id:"formanswer" + i, 
     value:"" 
    }); 
    $new_answer.appendTo($answers); 
}