Использование JQuery для поворота порядка

Question

У меня есть HTML как это:

<ul id="list"> 
    <li class="item">a</li> 
    <li class="item">b</li> 
    <li class="item">c</li> 
</ul> 

То, что я хотел бы достичь с помощью JQuery, чтобы иметь порядок повернуты. Таким образом, после одного звонка в результате HTML будет:

<ul id="list"> 
    <li class="item">c</li> 
    <li class="item">a</li> 
    <li class="item">b</li> 
</ul> 

И после того, как другой ...

<ul id="list"> 
    <li class="item">b</li> 
    <li class="item">c</li> 
    <li class="item">a</li> 
</ul> 

И так далее. Каков правильный способ сделать это?

Answer 1

Получить последний элемент и добавить его.

$('#list li').last().prependTo('#list'); 

DEMO

Answer 2

$("#list li:last").insertBefore("#list li:first") 

DEMO

Answer 3

Поп последний элемент из списка и предварять его в список, как это:

var $list = $('#list'); 
$list.find('.item:last').prependTo($list); 

Это случай micro-optimization, но до тех пор, как мы должны создать 2 объекта jquery (и нет простого способа обойти это), сначала объявив список, а затем используя его, чтобы ограничить область поиска элемента с помощью find, должен быть быстрее, чем использование 2 селекторов с документом в качестве области поиска.