divを動的IDでjavascriptに追加する

Question

javascriptでHTMLをdivに追加しています。 しかし、私はそれが動的であることを望みます。これは、ループ内であなたのDOMを操作することはお勧めできません

for (var i=0;i<$scope.step.about.OrganizeAnswer.length;i++){ 
     $('#dropArea').append('<div id="drop_'+i+'">Beginning</div>'); 
} 

Answer 1

に応じては、以下のように私に0を置き換え。

文字列を使用してループ内で連結し、一度ループを終了して追加します。

var div = ""; 
for(var i=0;i<$scope.step.about.OrganizeAnswer.length;i++){ 
    div += '<div id="drop_'+i+'">Beginning</div>'; 
} 
$('#dropArea').append(div); 

Answer 2

：

for(var i=0;i<$scope.step.about.OrganizeAnswer.length;i++){ 
    $('#dropArea').append('<div id="drop_0">Beginning</div>'); 
} 

私はdrop_0、drop_1としてのidをしたい... forループ