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

Dynamically add Div to html page using javascript or jquery

提问by jardane

I want to have a main div and have the ability to dynamically add new divs at the same level as the main div. Something like this:

我想要一个主 div 并且能够动态添加与主 div 相同级别的新 div。像这样的东西：

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

Any help would be wonderful

任何帮助都会很棒

回答by Zoltan Toth

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

or if you want the newly created <div>-s to appear before the others

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

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

回答by emphaticsunshine

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

回答by Akhi

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