Jquery动态创建内容

Question

这是我的代码的摘录

 $("#temp").append('<div class="dynamic">' );
    $("#temp").append(a[i]);
    $("#temp").append("</div>");

此内容位于for循环内，并动态地将元素添加到具有id temp的div。

我认为它应该产生的是

<div id="temp">

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


</div>

但究竟是什么产生呢

<div id="temp">

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

    Education

从萤火虫证实。因此，我的css样式刚刚分手。

你能看一下吗？ 谢谢

Answer 1

使用jQuery创建元素应该像这样：

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

Answer 2

在循环中试试这个，我想你的问题已经解决了......

var data = "<div class='dynamic'>" + a[i] + "</div>";
$("#temp").append(data);

Answer 3

使用

var data = '<div class="dynamic">' + a[i] + '</div>';
$("#temp").append(data);

当您追加$("#temp").append('<div class="dynamic">' );时，会创建并关闭div。

当您追加$("#temp").append(a[i]);时，会在div

之后追加