Używam zgrabnej wtyczki sortowania dla jQuery, HTML5 Sortablehttp://farhadi.ir/projects/html5sortable/ ale nie znalazłem idealnego sposobu serializowania danych do wysłania jako żądanie AJAX POST (aby zaktualizować DB).

HTML

<ul class="sortable">
    <li data-id="1">One</li>
    <li data-id="2">Two</li>
    <li data-id="3">Three</li>
    <li data-id="4">Four</li>
    <li data-id="5">Five</li>
</ul>

jQuery

$('ul.sortable').sortable().bind('sortupdate', function() 
{
   var data = ??;  // serialize all data-id's ... this is my problem

   $.post('/sortupdate.php',data,function(){ // PHP script sets new order in DB
       alert('updated');
   });
});

Tak więc chcę, aby po przeciągnięciu elementu LI na nową pozycję następniesortupdate Zdarzenie powinno wywołać funkcję i wysłać nową kolejność wartości atrybutów identyfikatora danych. Moim obecnym pomysłem jest przejście przez LI i dodanie wartości atrybutów do tablicy. Czy jest jakiś mądrzejszy sposób na zrobienie tego, lub jaki jest najbardziej skuteczny sposób wykonywania pętli? (Jestem głównie facetem z zaplecza, którego znasz). Dzięki!