從列表中獲得第一個ID後，它通過Jquery UI排序

Question

Szenario：
我正在創建一個移動網站，用戶可以使用Jquery UI排序選項對名稱進行排序。
以及基於列表中的用戶將在接下來的頁面獲得更多的信息的順序...
名單看​​起來是這樣的：

<div id="NameContainer" class="ui-widget"> 
     <div id="sortable_0">John</div> 
     <div id="sortable_1">Markus</div> 
     <div id="sortable_2">Alex</div> 
     <div id="sortable_3">Gabriel</div>  
     <div id="sortable_4">Thomas</div> 
     <div id="sortable_5">Jack</div> 
     <div id="sortable_6">Jessica</div> 
     <div id="sortable_7">Anna</div> 
</div> 

的div獲得動態添加到網站，一個持續的ID。
如果用戶點擊一個按鈕（將引導他到一個新的頁面），我想從列表中獲取當前（在用戶排序列表後）第一個元素id。
目前我正在使用此獲取Id：

$("#NameContainer div:first-child").attr("id"));

但我總是從已添加到List「sortable_0」的第一個Div中獲取id。如何在列表排序後獲得最高排名？

Answer 1

您選擇主股利，然後選擇它的第一個或最後或子女現在它的正常工作

$(document).ready(function(){ 
 
alert($('#NameContainer').find('div:first').attr("id")); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="NameContainer" class="ui-widget"> 
 
     <div id="sortable_0">John</div> 
 
     <div id="sortable_1">Markus</div> 
 
     <div id="sortable_2">Alex</div> 
 
     <div id="sortable_3">Gabriel</div>  
 
     <div id="sortable_4">Thomas</div> 
 
     <div id="sortable_5">Jack</div> 
 
     <div id="sortable_6">Jessica</div> 
 
     <div id="sortable_7">Anna</div> 
 
</div>

Answer 2

檢查這個..我希望它會幫助你

$(function() { 
 
    $("#NameContainer").sortable({ 
 
     stop : function(event,ui){ 
 
     console.log($("#NameContainer > div:first").attr('id')); 
 
     } 
 
    } 
 
); 
 
    $("#NameContainer").disableSelection(); 
 
    });

<script src="https://code.jquery.com/jquery-1.12.4.js"></script> 
 
    <script src="https://code.jquery.com/ui/1.12.0/jquery-ui.js"></script> 
 
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.0/themes/base/jquery-ui.css"> 
 
    <link rel="stylesheet" href="/resources/demos/style.css"> 
 
<div id="NameContainer" class="ui-widget"> 
 
     <div id="sortable_0">John</div> 
 
     <div id="sortable_1">Markus</div> 
 
     <div id="sortable_2">Alex</div> 
 
     <div id="sortable_3">Gabriel</div>  
 
     <div id="sortable_4">Thomas</div> 
 
     <div id="sortable_5">Jack</div> 
 
     <div id="sortable_6">Jessica</div> 
 
     <div id="sortable_7">Anna</div> 
 
</div>

Answer 3

嘗試使用serialize來格式化一個字符串，檢查這jsfiddle希望這也會有所幫助http://jsfiddle.net/keshann/yr273kx2/1/