用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