使用jQuery，如何删除列表项并将其移动到同一列表中的特定位置？

Question

说我有一个简单的清单

<ul>
    <li>Cats</li>
    <li>Dogs</li>
    <li>Birds</li>
    <li>Snakes</li>
    <li>Spiders</li>
</ul>

我想移除鸟类，并将其移动到任何其他位置。最重要的是，我可能不得不根据文本内容定位项目，并根据其他项目的文本内容选择放置项目。

Answer 1

使用:contains()和.insertAfter()移动它们：

$('li:contains("Birds")').insertAfter('li:contains("Cats")');

<强> jsFiddle example

Answer 2

您可以使用detach存储它，然后使用append或insertAfter再次添加。

var $item = $('li:contains("Birds")').detach();
$('ul').append($item);

http://jsfiddle.net/bA7p3/

Answer 3

不知道您是否对此感兴趣，但可能会：

http://jqueryui.com/sortable/