If you are using the sortable feature of the jQuery library, you will likely want a way to get the order of the elements. You can do this very easily using one of the built in events. The following code will obtain the element order for a sortable div and output the data to the console.
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
<ul id="#sortable"> <li data-id="1">Item 1</li> <li data-id="2">Item 2</li> </ul> $( "#sortable" ).sortable( { stop: function( event, ui ) { var idsInOrder = $("#visualpreview").sortable('toArray', { attribute: 'data-id' }); console.log(idsInOrder); } }); |
The output will be a simple numeric array e.g. [1,2]. You can loop over this array and do what you need to do. You can also save these to a comma delimited string if you need to submit the order of a sortable list through a form.