在动态id的javascript中附加div

Question

我在javascript中将div添加到我的html中。 但我希望它是动态的id。

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

我希望id为drop_0，drop_1 ...根据for循环

Answer 1

在循环中操作DOM并不是一个好主意。

在循环完成后，使用字符串在循环中连接。

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

用i替换0如下：

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