JavaScript添加/删除顺序div（添加/删除/插入/重新排序步骤）

Question

我目前有一个javascript/jquery'添加和删除'步骤从divs中动态创建的一组指令。

function add(){ 
     var id = document.getElementById("hiddenCount").value; 
     $("#myId").append("<div id='step"+ 'id' + "...onclick='delete('"+id+")"...); 
     id = (id -1) + 2; 
     document.getElementById("hiddenCount").value = id; 
    } 
    function delete(id){ 
     $("#" +id).remove(); 
     document.getElementById("hiddenCount").value = (id-1); 
    } 

这是伟大的添加和删除非测序/有序ID，但如果我想将在其它两个步骤之间或步骤，除去几个步骤，然后添加，IDS的编号就变得非常无序。你知道任何处理这种情况的JavaScript，还是应该使用其他方法来执行此操作，比如可排序值或有序列表？

总体目标是创建一个非常容易编辑的方式来使用jQuery/javascript动态添加/删除/插入/重新排序指令。在某些情况下，这些步骤是预填充的（从数据库中）并显示，并且需要进行编辑。在某些情况下，根本没有任何步骤，但他们需要创建它们。

Answer 1

我建议你使用无序列表，这样你可以基于步骤的排序而不是他们的ID或其他东西，但在他们的索引内父ul。如果你想要一个代码示例，我不介意写一个代码。