Jak przenieść div po następnym div

Question

Jak przenieść div po następnym div. Na przykład mam tutaj 3 różne divy.

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

Chcę użyć pierwszego elementu div po drugim div. Oznacza to, że div2 będzie pierwsze, a div1 będzie drugie. Mam pęczek tego samego formatu html.

Chcę wykonać jquery coś

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

Daj mi znać, jeśli to nie ma sensu.

Answer 1

można uzyskać element .next(), i umieścić go .after()

lub

można .insertAfter() elementowi .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

Oto jak to zrobić cięcie operacje wklejania z DOM w sposób jQuery.

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