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。如果你想要一個代碼示例，我不介意寫一個代碼。