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

もう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>');
}

これでうまくいくはずです。