动态Div创建问题

Question

我有问题使用jQuery创建一个新的<div>标记。

我的要求是：

1. 动态创建div标签及其ID
2. 提供<div>＆amp;之间的内容。动态</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>');
}

这应该这样做。