jquery ui sortable 정렬 할 항목의 이전 및 다음을 가져옵니다.

Question

테이블 정렬에 sortable을 사용하고 있습니다. 정렬되는 항목의 다음 또는 이전 항목을 가져오고 싶습니다.

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#uat-item-grid .items tbody").sortable({ 
      stop: function(e, ui) { 
       var itemId = ui.item[0].cells[0].outerText; 
       console.log(itemId); 
      } 
     }).disableSelection(); 
    } 
</script> 
<div id="uat-item-grid"> 
<table class="items"> 
    <tbody class="ui-sortable"> 
     <tr class="even"> 
      <td>1</td> 
      <td>Item 1</td> 
     </tr> 
     <tr class="odd"> 
      <td>2</td> 
      <td>Item 2</td> 
     </tr> 
     <tr class="even"> 
      <td>3</td> 
      <td>Item 3</td> 
     </tr> 
     <tr class="odd"> 
      <td>4</td> 
      <td>Item 4</td> 
     </tr> 
    </tbody> 
</table> 
</div> 

그것은 콘솔에서 분류되고있는 현재의 ID를 표시합니다 : 여기에 내 코드, ID와 이름에 대한 4 행과 2 열이있는 테이블입니다. 정렬되는 항목의 이전 또는 다음 항목을 가져올 수 있도록 어떻게 그들의 ID를 얻을 수 있습니까? 예를 들어 분류되는 사람은 2이며, 이전의 1이 될 것이고, 다음은 3

Answer 1

이 트릭 할 것 같습니다

http://jsfiddle.net/Rusln/23gqU/

$("tbody").sortable({ 
    update:function(ev,ui){ 
     console.log(ui.item[0].nextElementSibling); 
     console.log(ui.item[0].previousElementSibling); 
    } 
});