Javascript 如何动态创建和附加到DIV?

Javascript 如何动态创建和附加到DIV?,javascript,jquery,Javascript,Jquery,我有一个容器#form_wrapper,我想动态添加来自数组rf_字段的输入。假设数组的值是var rf_fields=['input1…','input2…'] for(field in rf_fields){ $('#form_wrapper').append( '<div class"form_question"></div>' ); $('.form_question').append( '<div class"title"><

我有一个容器
#form_wrapper
,我想动态添加来自数组
rf_字段的输入。假设数组的值是
var rf_fields=['input1…','input2…']

  for(field in rf_fields){
    $('#form_wrapper').append( '<div class"form_question"></div>' );
    $('.form_question').append( '<div class"title"></div>' )    
                       .append( '<div class"question"></div>' )    
                       .append( $('<input>').attr( rf_fields[ field ]) )
                       .append( '<div class"eg"></div>' );
  }
for(rf_字段中的字段){
$('#form_wrapper')。追加('');
$('.form_question')。追加(''
.append(“”)
.append($('').attr(rf_字段[字段])
.附加(“”);
}
我得到的结果是:

<div id="form_wrapper">
  <div class"form_question"></div>
  <div class"form_question"></div>
</div>

我打算得到的结果是:

<div id="form_wrapper">

  <div class"form_question">
    <div class"title"> ... </div>
    <div class"question"> ... </div>
       --input--
    <div class"eg"> ... </div>
  </div>

  <div class"form_question">
    <div class"title"> ... </div>
    <div class"question"> ... </div>
       --input--
    <div class"eg"> ... </div>
  </div>

</div>

... 
... 
--输入--
... 
... 
... 
--输入--
... 

有人能帮我理解我做错了什么吗?谢谢

只要把
=
放在适当的地方,代码就会工作

$('#form_wrapper').append( '<div class="form_question"></div>' );
$('.form_question').append( '<div class="title"></div>' )    
                   .append( '<div class="question"></div>' )    
                   .append( $('<input>').attr( rf_fields[ field ]) )
                   .append( '<div class="eg"></div>' );
$('form#u wrapper')。追加('';
$('.form_question')。追加(''
.append(“”)
.append($('').attr(rf_字段[字段])
.附加(“”);

您缺少属性所需的
=
。您还需要确保附加到新创建的元素,否则它将在第一次循环后失败

for(field in rf_fields){
    $('<div class="form_question"></div>')
        .append( '<div class="title"></div>' )    
        .append( '<div class="question"></div>' )    
        .append( $('<input>').attr( rf_fields[ field ]) )
        .append( '<div class="eg"></div>' )
        .appendTo($('#form_wrapper'));
}
for(rf_字段中的字段){
$('')
.append(“”)
.append(“”)
.append($('').attr(rf_字段[字段])
.append(“”)
.appendTo($('form#u wrapper');
}

<代码> >你确定你有<代码>类“FuffyQualy”< /Cord>,而不是<代码>类=“FuffyQualy”< /C>?你真的应该考虑使用模板。例如