在jQuery中更改元素位置

Question

  

可能重复：
  Is there a native jQuery function to switch elements?

我的HTML中包含项目列表，我想更改第一个和最后一个元素的位置，但是如何使用jQuery执行此操作？我可以获得第一个和最后一个元素，但是如何在列表中更改它们的位置（顺序）？

示例HTML：

<ul>
    <li id="item-1">1</li>
    <li id="item-2">2</li>
    <li id="item-3">3</li>
</ul>

jQuery的：

var first = $("ul li:first");
var last = $("ul li:last");

Answer 1

这应该足够了：

first.appendTo(first.parent());
last.prependTo(last.parent());

这是jsFiddle

Answer 2

 $('#item-1').after($('#item-3'));
 $('#item-2').after($('#item-1'));

Answer 3

看看这个问题Is there a native jQuery function to switch elements?