使用javascript或jquery动态地将Div添加到html页面

Question

我希望有一个主div,并能够在与主div相同的级别动态添加新的div.像这样的东西:

<div id="main"></div>
<div id="created_div"></div>

任何帮助都会很精彩

Answer 1

$("#parent_div").append('<div id="created_div"></div>');

或者如果您希望新创建的<div>-s出现在其他人之前

$("#parent_div").prepend('<div id="created_div"></div>');

Answer 2

$('#main').after('<div id="created_div"></div>');