创建具有不同id的div

Question

我有一个关于创建div的问题:

我有按钮,当用户点击它时,javascript(或jquery)需要创建一个div.但是当用户再次点击时,它应该创建另一个div,但ID不同.因此,每次用户点击都应该创建具有不同ID的div.

我部分地知道如何创建div,但我不知道如何使用不同的id制作div.

Answer 1

var c = 0; // Counter

$('#add').on('click', function() {
  c += 1;
  $('#parent').append('<div id="child'+ c +'">'+ c +'</div>');
});

#child1{color:red;}
#child2{color:blue;}
#child3{color:orange;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="add">ADD</button>
<div id="parent"></div>