c# - 根据选定的 div 动态创建 div

Question

在我的演示项目中，我有像这样的部门，

<div id ="Controls">
    <asp:Label ID="Label1" runat="server" Text="Test" Width="200px"></asp:Label>
    <asp:TextBox ID="TextBox1" runat="server" Width ="200px"></asp:TextBox>
</div>

就像有很多部门一样。

我的需要是，每当我选择任何部门时，我都可以在该部门下方或上方添加任何新部门。

为此，我有一个 DDL，列表中包含“在下方添加，在上方添加”等。

1. 通过选择一个部门（例如，以上部门），然后我必须从 DDL 中选择选项，例如“在上面添加或在下面添加”等。然后我必须单击添加按钮。单击该按钮后，应根据对应于该部门的 ddl 选择生成一个新部门。

我怎样才能做到这一点。任何人都可以请指导。

提前致谢。

Answer 1

您可以使用http://api.jquery.com/after/。

var divTag = document.createElement("div");
divTag.Id="yournewdivId";    
$("#Controls").after(divTag);

使用http://api.jquery.com/before/将 div 添加到当前 div 的顶部。