从 Javascript 个函数中选择了错误的父项

Wrong parent selected from Javascript functions

首先:我是 Javascript 的新手,正在尝试学习原理。

我正在尝试在 Javascript 中创建一个简单的 ToDo 应用程序。它几乎可以正常工作,但我在以下方面停滞不前:

当我添加任务时,HTML 组件会附加到未完成任务的 UL。当我尝试删除它时,它总是删除列表中的最后一个 LI。编辑也是如此。当我单击编辑时,它总是显示未完成列表中最后一个 LI 的编辑输入。

此处的代码和此处的工作示例: http://tinyurl.com/gw29re9

我知道这是一段代码。但是有人可以看一下吗?我似乎无法弄清楚我做错了什么。

函数位置:

如果你将 Eventlistners 放在一个循环中,你应该这样做:

for(var i = 0; i < array.length; i++){
   (function (index) {
       eventlistner...
   })(i);
}