javascript - ドラッグされた要素の配列内の位置を取得する javascript

Question

並べ替え可能なリストがあり、配列にドラッグしたオブジェクトの位置を取得したいと考えています。だから私はそれをajaxforで渡して自分のデータベースに保存することができますが、ループでこれを行う方法がわかりません

これが私のコードです

<script>
    $(document).ready(function () {
        var rootLimit = 8;
        $('ul.sortable').nestedSortable({
            handle: 'a',
            items: 'li',
            listType: 'ul',
            maxLevels: '3',
            toleranceElement: '> a',
            update: function (event, ui) {
                list = $(this).nestedSortable('toHierarchy', {
                    startDepthCount: 0
                });
                var page_id = ui.item.find('> a').attr('data-page-id');
                console.log(list);
                for (var i = 0; i < list.length; i++) {
                    var index = $(this).index();
                    console.log(index);
                }
                $.post(
                    '/page/updatemenu/' + page_id, 
                    { list : list },
                    function (data) { }
                );
            }
        });
    });
</script>

ここに私のjsFiddleがあります、ありがとう!

Answer 1

更新機能で、

$(ui.item).index() 

アイテムの位置を示します。