jquery - 动态 div 创建问题

Question

我在使用 jQuery 创建新<div>标签时遇到问题。

我的要求是：

1. 动态创建 div 标签及其 id
2. 动态提供<div>&之间的内容</div>

下面是我试过的代码片段

for (var i in List){
$('#count').append('<div id="content_'+i+'">')
.append(List[i]).append('</div>').append('<br />');
}

具有键和值对的列表对象

输出 -

<div id="count" align="left">
<div id="content_4504"></div>Steve <br>
<div id="content_2024"></div>Richard <br>
</div>

我需要在标签内显示名称。

Answer 1

另一种方法是动态生成 HTML，请尝试以下方法：

for (var i in List){
$('#count').append('<div id="content_' + i + '">' + List[i] + '</div><br/>')
}

Answer 2

那是因为您将字符串附加到#count元素而不是您创建并附加它的元素：

for (var i in List){
     $('<div id="content_'+i+'">')
              .text(List[i])
              .appendTo('#count')
              .after('<br/>');
}

Answer 3

尝试这个

for (var i in List){
    var divContent=$('<div />').attr({id:"content_"+i}).html(List[i]);
    $('#count').append(divContent,'<br>');
   ;
}

Answer 4

for (var i in List)
{
  var $dyn = $("<div></div>").attr({'id':'content_'+i}).text(List[i]);
  $('#count').append($dyn).append('<br>');
}

这应该这样做。