Javascript Jquery动态创建内容

Javascript Jquery动态创建内容,javascript,jquery,html,css,dom,Javascript,Jquery,Html,Css,Dom,这是我的代码摘录 $("#temp").append('<div class="dynamic">' ); $("#temp").append(a[i]); $("#temp").append("</div>"); $(“#temp”)。附加(“”); $(“#temp”)。附加(a[i]); $(“#temp”)。追加(“”); 此内容位于for循环内,并使用id temp动态地向div添加元素 我认为它应该产生的是 <div id="tem

这是我的代码摘录

 $("#temp").append('<div class="dynamic">' );
    $("#temp").append(a[i]);
    $("#temp").append("</div>");
$(“#temp”)。附加(“”);
$(“#temp”)。附加(a[i]);
$(“#temp”)。追加(“”);
此内容位于for循环内,并使用id temp动态地向div添加元素

我认为它应该产生的是

<div id="temp">

.....
<div class="dynamic">
Education //value of a[i]
</div>
....


</div>

.....
教育//a的价值[i]
....
但它究竟产生了什么呢

<div id="temp">

    <div class="dynamic"></div>

    Education

教育
正如firebug所确认的。正因为如此,我的css样式就崩溃了

你能调查一下吗?
谢谢你

试试这个循环,我想你的问题已经解决了

var data = "<div class='dynamic'>" + a[i] + "</div>";
$("#temp").append(data);
var data=”“+a[i]+”;
$(“#temp”)。追加(数据);

试试这个循环,我想你的问题已经解决了

var data = "<div class='dynamic'>" + a[i] + "</div>";
$("#temp").append(data);
var data=”“+a[i]+”;
$(“#temp”)。追加(数据);
使用

var数据=''+a[i]+'';
$(“#temp”)。追加(数据);
当您追加
$(“#temp”)。追加(“”)创建并关闭div

当你附加
$(“#temp”).append(a[i])它附加在
div

使用之后

var数据=''+a[i]+'';
$(“#temp”)。追加(数据);
当您追加
$(“#temp”)。追加(“”)创建并关闭div


当你附加
$(“#temp”).append(a[i])
它附加在
div

之后,使用jQuery创建元素的操作如下:

$('<div />', {'class': 'dynamic', text: a[i]}).appendTo('#temp');
$(“”,{'class':'dynamic',text:a[i]});

使用jQuery创建元素的过程如下:

$('<div />', {'class': 'dynamic', text: a[i]}).appendTo('#temp');
$(“”,{'class':'dynamic',text:a[i]});

a是我之前在jquery代码中创建的数组。a是我之前在jquery代码中创建的数组。@想成为编码员吗?如果你得到了正确的解决方案,那么选择它作为答案为什么
class
用引号括起来,而
text
不是?两种方式都可以吗?还是仅仅因为
class
是一个关键字?这种语法的任何一个例子都有稍微复杂的标记,比如有额外的子元素?@JonathanWood-是的,
class
在javascript中是一个保留关键字,这就是它被引用的原因。这里有一个更复杂的例子->@want\u be\u Coder如果你得到了正确的解决方案,那么选择它作为答案为什么
class
用引号括起来,而
text
不是?两种方式都可以吗?还是仅仅因为
class
是一个关键字?这种语法的任何一个例子都有稍微复杂的标记,比如有额外的子元素?@JonathanWood-是的,
class
在javascript中是一个保留关键字,这就是它被引用的原因。这里有一个更复杂的例子->