jquery - With jQuery, how can I remove a list item and move it to a specific location within the same list?

Question

Say I have a simple list

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

I want to remove Birds, and move it to any other position. More than anything, I'll probably have to target the item to move by its text content, and choose where to put it based on the other item's text content.

Answer 1

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

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

jsFiddle 示例

Answer 2

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

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

http://jsfiddle.net/bA7p3/

Answer 3

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

http://jqueryui.com/sortable/