Javascript JQuery-使用事件处理程序创建多个div并更改子元素

我在jquery中定义了一个事件处理程序，当单击HTML页面上的按钮时，将创建一个新的div，并为其分配一个整数id，该id随着每个新div的增加而增加

在这个div中，我添加了一个段落元素列表。我还提供了一个输入字段和附加按钮，可以在该div中更改并添加一个新段落

我遇到的问题是如何定义在每个div中添加新段落的函数。回调函数具有完全相同的结构，但使用不同的id

在我的代码中，我只为我创建的第一个id='0'定义了事件处理程序

JSFiddle：

---

作为旁注，我的项目是使用JavaScript的GoogleDrive实时API的一部分。如果需要，我可以提供更多信息。

您可以向任何类型的元素添加实时事件处理程序。这些处理程序将支持当前元素和未来元素

 $('ul').on('click', 'li', function(e) {
      console.log($(this).text());
      $(this).parent().append('<li>Test ' + ($(this).parent().find('li').length + 1) + '</li>');
 });

此代码将事件处理程序附加到所有当前和将来的li：

---

希望这有帮助

JSFIDLE尚未完成。如果您提供缺少的部分，您将有更好的机会获得答案。每当我单击“添加任务”按钮时，一个新任务将显示在页面上的一个div中。在该div中，“添加更新”按钮提供了一个添加更新的选项。我遇到的问题是为每个“添加更新”按钮编写代码