Jquery动态创建内容

Jquery dynamically create content

本文关键字：创建 动态 Jquery      更新时间：2023-09-26

这是我的代码摘录

 $("#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 样式就中断了。

你能调查一下吗？谢谢

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

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

循环尝试一下，我想你的问题已经解决了......

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

使用

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

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

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

相关文章：