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