javascript - 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 样式就崩溃了。

你能调查一下吗？谢谢

score 7 · Accepted Answer

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

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

score 0 · Accepted Answer

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

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

score 0 · Accepted Answer

利用

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

就像您附加$("#temp").append('<div class="dynamic">' );一个 div 时一样，它会创建并关闭。

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

3 回答 3