Come faccio a spostare div dopo il successivo div

Question

Come si sposta un div dopo il successivo div. Ad esempio, ho 3 div diversi seduti qui.

<div class="div1">Div1</div> 
<div class="div2">Div2</div> 
<div class="div3">Div3</div> 

Desidero spostare il primo div dopo il secondo div. Significa che div2 sarà il primo e div1 sarà il secondo. Ho un sacco dello stesso formato html.

voglio eseguire jquery qualcosa come

$(".div1").each(function() { 
    $(this).appendTo().$(this).after(); 
}); 

Fatemi sapere se questo non ha senso.

Answer 1

si può ottenere l'elemento .next(), e posizionarlo .after()

o

è possibile .insertAfter() l'elemento .next()

http://jsfiddle.net/kFTc5/1/

$(".div1").each(function() { 
    var item = $(this); 

    //either this: 
    item.next().after(item); 

    //or this: 
    item.insertAfter(item.next()); 


}); 

Answer 2

Ecco come si fa a tagliare operazioni di copia con DOM in modo jQuery.

Var temp= $(“div1”).detach(); //Performs the cut operation 
temp.insertAfter(“div2”); //Does the paste