Jquery可排序查找可拖放Id

Jquery可排序查找可拖放Id,jquery,jquery-ui-sortable,Jquery,Jquery Ui Sortable,我有以下代码: <ul class='sortableLI'> <li id='1'>One</li> <li id='2'>Two</li> <li id='3'>Three</li> <li id='4'>Four</li> <li id='5'>Five</li> </ul> 一个 两个 三个 四个 五个

我有以下代码:

 <ul class='sortableLI'>
   <li id='1'>One</li>
   <li id='2'>Two</li>
   <li id='3'>Three</li>
   <li id='4'>Four</li>
   <li id='5'>Five</li>
 </ul>
  • 一个
  • 两个
  • 三个
  • 四个
  • 五个
如果我拖动5(向上)并放下b/w 2和3,那么我需要id为3;如果我拖动2(向下)并放下b/w 4和5,那么我需要id为4

如何更新?

更新了答案:

$(document).ready(function () {
    $('.sortableLI').sortable({
        stop: function (event, ui) {
            var newP = ui.position.top;
            var oldP = ui.originalPosition.top;
            if (newP > oldP) {
                alert('moved down');
                var id = $(ui.item).prev('li').attr('id');
                alert(id);

            } else {
                alert('moved up');
                var id = $(ui.item).next('li').attr('id');
                alert(id);
            }
        }
    })
});
HTML:

  • 一个
  • 两个
  • 三个
  • 四个
  • 五个
演示:


为此,您需要jQuery的
prev
next
功能。

我的朋友,我想您不明白。我的意思是,当我从下到上拖动时,得到prev(),如果我从上到下拖动,得到Next()。我怎样才能知道方向?更新了答案。这是你想要的吗?我的意思是当我从下到上拖动时,我得到prev(),如果我从上到下拖动,我得到Next()。我怎样才能找到方向?
<ul class='sortableLI'>
   <li id='1'>One</li>
   <li id='2'>Two</li>
   <li id='3'>Three</li>
   <li id='4'>Four</li>
   <li id='5'>Five</li>
 </ul>