Jquery UIソート可能なソート可能なリストから最初のIDを取得します。

Question

Szenario：
Jquery UIのソート可能なオプションを使用する名前のリストをソートできるモバイルWebサイトを作成しています。

<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。
ユーザーがボタンをクリックすると（新しいページに誘導されます）、そのリストから（ユーザーがリストをソートした後に）最初のElements IDを取得します。
現時点で私はIDを取得するのにこれを使用しています：

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

しかし、私はいつもリスト "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を使用してフォーマットしてみてくださいこの文字列をチェックすると、これも役立ちます。http://jsfiddle.net/keshann/yr273kx2/1/