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

Question

Fiddle with html and javascript: https://jsfiddle.net/4a4u1jg1/

1. I want the elements saved in the array with the ".finished" class to be saved with the class in the array, and if I tap the element again and the class is removed, they should be saved without a class in the array, how do I accomplish this?

2a. When I double tap an item it removes the correct item on screen but after I reload the app it has removed the last item in the list instead, in other words it deletes correct from html but last item in the array. SOLVED!

2b. Also I can't delete a newly added item (or mark as finished) I have to re-open/update the app/browser.

$("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));
            }
        });

Would be awesome if someone could help me out with question #1 and #2b, thanks!

Answer 1

Try using the <li> index for your splice since the actual element is not what is in the array:

Change:

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

To

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

Also note the third argument of splice() is for adding to array