用jquery向上移动列表项目

Question

我想通过单击向上移动列表中的单个项目。我使用jQuery，但它不起作用。

js fiddle

<ul> 
    <li class="item">AAAAA</li> 
    <li class="item">BBBBB</li> 
    <li class="item">CCCCC</li> 
    <li class="item">DDDDD</li> 
</ul> 

$(".item").click(function(){ 
    var item = $(this); 
    item.insertBefore(item.before()); 
}); 

Answer 1

jsFiddle DEMO

使用prev()，而不是before()

item.insertBefore(item.prev());

Answer 2

尝试：

$(".item").click(function() { 
    $(this).insertBefore($(this).prev()); 
}); 

jsFiddle example