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>?你真的应该考虑使用模板。例如