Mục danh sách di chuyển jQuery đến cuối danh sách

Question

Tôi có danh sách này có thể được sắp xếp với sắp xếp. Làm thế nào tôi có thể di chuyển mục li với lớp .neutral đến cuối danh sách khi sắp xếp xong?

$(".thumbs").sortable({ 
    stop: function(event, ui) { 
     // move .neutral at the end of this list 
    } 
}); 

<ul class="thumbs"> 
    <li>red</li> 
    <li>green</li> 
    <li class="neutral">none</li> 
    <li>yellow</li> 
    <li>blue</li> 
<ul> 

Answer 1

Bạn có thể thêm (di chuyển) họ đến cuối danh sách với .appendTo(), như thế này:

$(".thumbs").sortable({ 
    stop: function(event, ui) { 
     $(this).find('.neutral').appendTo(this); 
    } 
}); 

You can give it a try here, điều này được tất cả các .neutral yếu tố bên trong và gắn thêm họ this đó là ul.thumbs chúng tôi hiện đang ở, điều này cũng sẽ hoạt động với nhiều danh sách hình thu nhỏ độc lập.

Answer 2

Tương đương sẽ là như sau:

$(".neutral").appendTo(".thumbs"); 
OR 
$(".thumbs").append(".neutral"); 

Bạn có thể di chuyển một yếu tố xung quanh một trang bằng cách chọn nó và phụ thêm hoặc thêm vào trước nó ở nơi khác.

NB: hãy cẩn thận với phạm vi - nếu bạn đang sử dụng các lớp và giao diện người dùng này xuất hiện nhiều lần trên một trang, các bộ chọn ở trên sẽ cần phải được đưa vào trường hợp hiện tại bằng thông số ui được chuyển vào chức năng dừng.