使用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>');

Answer 3

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