jquery, di chuyển một phần tử bên trong đến vị trí đầu tiên?

Question

phép nói rằng bạn có một danh sách các mục:

<ul id="ImportantNumbers"> 
    <li id="one"></li> 
    <li id="two"></li> 
    <li id="topNumber"></li> 
    <li id="four"></li> 
</ul> 

Mỗi lăm giây các mặt hàng này danh sách được sắp xếp lại.

Sử dụng jquery cách tốt nhất để giữ #topNumber, ở đầu danh sách trong khi sắp xếp lại thứ tự.

Answer 1

Bạn có thể sử dụng .prependTo() ngay sau khi sắp xếp lại, như thế này:

$("#topNumber").prependTo("#ImportantNumbers"); 

You can see it working here, tất cả nó làm là lấy phần tử và chèn nó như là đứa trẻ đầu tiên trên <ul>, hiệu quả di chuyển nó đến hàng đầu.

Ngược lại, khi bạn sắp xếp, sử dụng :not() để loại trừ nó tùy thuộc vào cách thức hoạt động phân loại, ví dụ:

$("#ImportantNumbers li:not(#topNumber)").randomize();