Javascript 使用jQuery旋转订单

我有如下html：

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

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

a
b
c

我想使用jQuery完成的是使顺序旋转。因此，在一次调用之后，生成的html将是：

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

c
a
b

一次又一次

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

b
c
a

等等。实现这一目标的正确方法是什么

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

---

从列表中弹出最后一项，并将其添加到列表前，如下所示：

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

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

---

这是一个例子，但只要我们必须创建2个jquery对象（没有简单的方法），首先声明列表，然后使用它来限制搜索带有

find

的项目的范围，应该比使用两个选择器将文档作为搜索范围要快。

从列表中弹出最后一个项目，并将其预先添加到列表中，如下所示：

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

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

---

这是一个例子，但只要我们必须创建两个jquery对象（没有简单的方法），首先声明列表，然后使用它来限制使用

find

搜索项目的范围，应该比使用文档作为搜索范围的两个选择器快。

获取最后一个项目并将其前置

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

---

获取最后一项并在其前面加上前缀

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

---

试一试，当（如果）你对所尝试的东西有异议时再回来找我们：）试试这个试一试，当（如果）你对所尝试的东西有异议时再回来找我们：）试试这个，你不必移除它就可以了：$（“#list li:last child”）。prependTo（#list”）；您不必删除它即可使其工作：$（“#list li:last child”）.prependTo（“#list”）；