jQuery nestedSortable从列表中删除项目保留层次结构

Question

我有一个带有nestedSortable的菜单列表，它运行良好。我唯一的问题是删除一个项目后需要保持列表层次结构的列表层次结构。 （将其孩子的位置向左移动）。

普通列表

在我删除一项（菜单项2）之后，它也删除了其子项。

这是我的js逻辑：

$(document).on('click','.remove',function(){
    var id = $(this).attr('data-remove-id');
    //save id for post
    removedItems.push(id);
    $('input.removedItems').val(removedItems);

    //find children of this item,
    var child = $('#menuItem_'+id).children('ol').children('li');
    if(child.length > 0){
        child.each(function(i, e){
            $(e).appendTo($('.sortable'));
        }
    }

    //remove item
    $('#menuItem_'+id).remove();
});

我不知道这是不是正确的方法，我所要做的就是保持层次结构，不要破坏，只是删除单击的项目。

项目删除后，我需要保持层次结构并保存nestedSortable（'serialize'）进行输入。