Comment ajouter divs dans un div en utilisant jquery

Question

Je suis en train d'insérer un div dans un autre div en utilisant add() de jquery, mais il ne fonctionne pas

<div class="column" id="col1"> 
    <div class="portlet" id="panel1"> 
     <div class="portlet-header">1.Feeds</div> 
     <div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div> 
    </div> 
    <div class="portlet" id="panel2"> 
     <div class="portlet-header">2.News</div> 

     <div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div> 
    </div> 
</div> 

<div class="column" id="col2"> 
    <div class="portlet" id="panel3"> 
     <div class="portlet-header">3.Shopping</div> 
     <div class="portlet-content">Lorem ipsum dolor sit amet, consectetuer adipiscing elit</div> 
    </div> 
</div> 

En fait panel1 et panel2 sont dans un div, et panel3 est à l'intérieur d'un autre div.Je veux supprimer panel3 de son div et le placer entre panel1 et panel2 dans leur div.

Answer 1

Vous pouvez le faire en utilisant comme ceci .insertAfter():

$("#panel3").insertAfter("#panel1");​​​​​​​​​​​​​​ 

Cela fait que vos états de question, prend panel3 et le place entre panel1 et panel2.

Answer 2

Utilisez appendTo qui ajoutera divs à un div existant ... Mais si vous voulez insérer entre deux divs utilisent after() et before()

Donnez le principal div un identifiant et dire MainDiv utiliser urdiv.appendTo("MainDiv");

$("#panel2").before("#panel3"); 

Answer 3

Vous pouvez utiliser after()

$("#panel1").after($("#panel3"));