Dynamically add div to html page using javascript or jquery

Question

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

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

Any help would be great

+5

jardane Jun 08 '12 at 19:23

3 answers

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

+5

emphaticsunshine Jun 08 '12 at 19:25

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

+2

Akhil dev Jun 08 '12 at 19:25

Zoltan toth · Accepted Answer · 2012-06-08T19:25:00+0000

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

or if you want the newly created <div>-s to appear in front of others

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