使用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