Làm cách nào để di chuyển div sau div kế tiếp

Question

Làm cách nào để di chuyển div sau div tiếp theo. Ví dụ tôi có 3 div khác nhau ngồi ở đây.

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

Tôi muốn di chuyển div đầu tiên sau div thứ hai. Nó có nghĩa là div2 sẽ là đầu tiên và div1 sẽ là thứ hai. Tôi có nhiều định dạng html giống nhau.

tôi muốn thực hiện điều gì đó như jquery

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

Hãy cho tôi biết nếu điều này không có ý nghĩa.

Answer 1

bạn có thể nhận được các yếu tố .next(), và đặt nó .after()

hoặc

bạn có thể .insertAfter() yếu tố .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

Sau đây là cách bạn cắt thao tác cắt dán với DOM theo cách jQuery.

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