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

Question

我在jquery中定义了一个事件处理程序，当单击HTML页面上的按钮时，会创建一个新的div并为其分配一个id的整数（整数随每个新增加{ {1}}制作）。

在div中，我添加了一个段落元素列表。我还有一个输入字段和其他更改按钮，在div内添加了一个新段落。

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

在我的代码中，我只设法为我使用id创建的第一个<div>定义了事件处理程序。

JSFiddle：http://jsfiddle.net/3aYdM/

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

Answer 1

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

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

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

希望这有帮助！