单击时添加带有升序循环的动态div

Question

我想在click上创建一个函数，为dom元素添加一个新的div。每次我点击添加按钮时，都会添加一个新的div： 首先点击：

<div id="draggeble0"></div>

第二次点击

<div id="draggeble2"></div>

第三次点击

<div id="draggeble2"></div>

播种

我现在的代码：

$(".add-btn").click(function() {
$(".stage").append('<div id="draggable1"></div>');
});

Answer 1

var i = 0;
$(".add-btn").click(function () {
    $(".stage").append('<div id="draggable'+(i++)+'"></div>');
});