如何獲取jQuery排序元素的ID

Question

我面臨的問題是獲取排序時移動的元素的id。例如。

 <li id ="test1">First</li> 
     <li id ="test2">Second</li> 
     <li id ="test3">Third</li> 
     <li id ="test4">Fourth</li> 

所以，如果我們拖動第一到第三。我需要「First」和「Third」的ID，所以現在我能夠獲得test1的「First」的id，但我無法獲得test3的「Third」id我需要這些ID的，所以我可以更新後端的訂單號碼。

Answer 1

你可以得到它裏面更新或更改事件回調，你可以這樣做：

$("#sortable").sortable({ 
 
    update: function(event, ui) { 
 
    var id = ui.item.attr("id"); 
 
    alert('In update:' + id); 
 
    }, 
 
    change: function(event, ui) { 
 
    var id = ui.item.attr("id"); 
 
    alert('In change:' + id); 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> 
 
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script> 
 
<ul id="sortable"> 
 
    <li id="test1">First</li> 
 
    <li id="test2">Second</li> 
 
    <li id="test3">Third</li> 
 
    <li id="test4">Fourth</li> 
 
</ul>