Ajouter dynamiquement des Div à la page html à l'aide de javascript ou jquery

Je veux avoir une div principale et ont la capacité d'ajouter dynamiquement de nouveaux divs au même niveau que la div principale.
Quelque chose comme ceci:

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

Toute aide serait merveilleux

InformationsquelleAutor jardane | 2012-06-08
  1. 8
    $("#parent_div").append('<div id="created_div"></div>');

    ou si vous voulez le nouvellement créé <div>-s à comparaître devant les autres

    $("#parent_div").prepend('<div id="created_div"></div>');
    • En supposant que l'original <div> était un enfant de <body>.
    • Correct. C'était une hypothèse
    InformationsquelleAutor Zoltan Toth
  2. 6
    $('#main').after('<div id="created_div"></div>');
    • Cela fonctionne partout, quel que soit le niveau de l'original <div> est sur.
    • Il existe une autre fonction insertAfter. Mais après plus performant que insertAfter
    InformationsquelleAutor emphaticsunshine
  3. 4
    $('<div id="created_div"></div>').insertAfter('#main');
    • cela a très bien fonctionné!
    InformationsquelleAutor Akhi