使用jquery向上移动列表项

Question

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

小提琴

<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());