Làm cách nào để sắp xếp lại các phần tử bằng jQuery?

Question

Làm cách nào để sắp xếp lại các phần tử bằng jQuery?

Mã gốc:

<p id="paragraph1">1</p> 
<p id="paragraph2">2</p> 
<p id="paragraph3">3</p> 
<p id="paragraph4">4</p> 
<p id="paragraph5">5</p> 

Sau Sắp xếp lại (đặt p3 tại chỗ p2 của)

<p id="paragraph1">1</p> 
<p id="paragraph3">3</p> 
<p id="paragraph2">2</p> 
<p id="paragraph4">4</p> 
<p id="paragraph5">5</p> 

Answer 1

Bạn có thể sử dụng .insertBefore():

$("#paragraph3").insertBefore("#paragraph2"); 

dụ Hơi phức tạp hơn (nhấp vào một đoạn di chuyển nó lên):

$("p").click(function() { 
    $(this).insertBefore($(this).prev()); 
}); 

You can test both examples here.