Get array of IDs after jQuery UI Sortable

Question

I am using jQuery UI draggable and sortable functions and I am new to this. I have list of items in left (generated from database ) and I have boxes on right where user can drag and drop them. While/after dropping user can sort them. Here is full preview : http://jsbin.com/oBeXiko/3 Problem: How can I get array of IDs of elements in each box after sorting? I have tried .sortable("toArray") and sortable("serialize") but both return empty string. Simple HTML ```

Delete

Item_1
Item_2
Item_3
Item_4

I

II

III

Accepted Answer

When you call `toArray`, you can pass an options object with an `attribute` field. This `attribute` field defines what attribute is used in the `toArray` call. For example:

```
var data = $(this).sortable('toArray', { attribute: 'predmet-id' });
```

That will give you an array of the `predmet-id` attributes of the items. See the `toArray` documentation.

Note that the default `attribute` is `id`, which is why your array returned empty strings before - none of your elements have `id` attributes!

Get array of IDs after jQuery UI Sortable

Solution

Problem