javascript - 动态创建 div 到容器中

Question

假设我有许多存储在 XML 文件中的待办事项，我将为每个项目创建一个 div 以在页面上显示它们。并且根据每个项目的类型，它们将被放入不同的容器中。

现在我的问题是如何将这些动态创建的 div 约束放入它们的容器中？任何人都可以帮助我吗？

现在我从 XML 文件中获取数据并可以在页面上创建项目，但是 jquery append 方法将使新添加的项目按常规顺序进行，我想要的是项目与容器一起包装，如下图所示，所以新添加的项目不会扩大容器。

Answer 1

你可以简单地做：

/* Insert 'childtodoid' at the end of 'parentdivid' */
$('#childtodoid').appendTo('#parentdivid');