将类保存在数组+拼接中，删除错误的对象

Question

用html和javascript拨弄： https : //jsfiddle.net/4a4u1jg1/

1. 我希望使用“ .finished”类保存在数组中的元素与数组中的类一起保存，如果再次点击元素并删除该类，则应该在数组中没有类的情况下保存它们我要完成这个吗？

2a。 当我双击一个项目时，它将删除屏幕上正确的项目，但是在我重新加载应用程序后，它已删除了列表中的最后一个项目，换句话说，它从html中删除了正确的项目，但删除了数组中的最后一个项目。 解决了！

2b。 另外，我无法删除新添加的项目（或标记为完成），我必须重新打开/更新应用程序/浏览器。

$("li").dblclick(function()
        {
            //Removes last task instead of the task I double tapped on
            //and I can't remove newly added tasks
            taskListArray.splice($.inArray($(this), taskListArray, 1));

            $(this).remove();

            if(window.localStorage)
            {
                window.localStorage.setItem("taskList", JSON.stringify(taskListArray));
            }
        });

如果有人可以帮助我解决问题＃1和＃2b，那就太好了，谢谢！

Answer 1

尝试对接头使用<li>索引，因为实际元素不是数组中的元素：

更改：

taskListArray.splice($.inArray($(this), taskListArray, 1));

至

taskListArray.splice($(this).index(),1);

另请注意，splice（）的第三个参数用于添加到数组