将<li>添加到html5上的每个项目拖放</li>

Question

我有一个HTML5拖放功能。您可以将项目从div1拖到div2 我想要做的是将每个项目放入div2，自动给它一个列表编号。 在那一刻，用于将文本添加到div2的JS代码如下所示：

function drop(ev) {
    ev.preventDefault();
    var data=ev.dataTransfer.getData("Text");
    ev.target.appendChild( document.getElementById(data));
}

上面将元素放入div2。
下面介绍拖动功能。

function drag(ev) {
ev.dataTransfer.setData("Text",ev.target.id);
}

html看起来像这样：

<div id="div1" ondrop="drop(event)">
<div id="title" draggable="true" ondragstart="drag(event)" style="font-family:Metacopy">Text to be Dragged</div>
</div>
<div id="div2" ondrop="drop(event)"></div>

我很感激任何帮助。对不起，如果答案非常明显，我对此有点新鲜。