jQuery переместить элемент списка до конца списка

Question

У меня есть этот список, который можно сортировать с помощью сортировки. Как переместить элемент li с классом .neutral в конец списка при завершении сортировки?

$(".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

Вы можете добавить (перемещение) их в конец списка с .appendTo(), как это:

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

You can give it a try here, это становится все .neutral элементы внутри и присоединяет их к this, который является ul.thumbs, в котором мы сейчас находимся, это будет работать и для нескольких независимых списков эскизов.

Answer 2

эквивалент будет следующим:

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

Вы можете переместить элемент вокруг страницы, выбрав его и добавления или предваряя его в другом месте.

NB: будьте осторожны с областью действия - если вы используете классы, и этот пользовательский интерфейс отображается несколько раз на странице, вышеуказанные разделы должны быть привязаны к текущему экземпляру с использованием параметра ui, переданного в функцию остановки.