Question

我目前有javascript / jquery来“添加和删除”在div中动态创建的一组指令中的步骤。

    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);
    }

这非常适合添加和删除NON顺序/有序ID，但如果我想在两个其他步骤之间插入一个步骤，或者删除几个步骤然后添加，则id的编号变得非常无序。你知道任何处理这种情况的javascript，或者我应该使用其他方法来做这个，比如可排序值或有序列表？

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

Answer 1

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

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

1 个答案: