オブジェクトの場所をDOMツリーに保存/復元するにはどうすればよいですか？

Question

私は次のHTMLを使用している場合：

<ul> 
    <li>test</li> 
    <li class='draggable'>special</li> 
    <li>test</li> 
</ul> 

がどのように私は.draggableの現在のDOMの場所を（一般的に）保存しますか？

私はdocument.bodyにそれを追加することによってことにより、周りのこの.draggableをドラッグしてposition: absolute;を行うことを計画したが、ユーザーはそれで何かをするために失敗した場合、私はそれを復元する必要があります。

私はこれをクローンで行い、オリジナルを隠して、ドラッグにプロキシを使用することができましたが、この問題はおそらくもっと直接的に解決されたようです。

思考？

Answer 1

オブジェクトの位置を保存するには、DOM参照をその前の兄弟に保存するだけです。その前に兄弟がいない場合は、親を保存します。

function saveLocation(element) { 
    var loc = {}; 

    var item = $(element).prev(); 
    loc.element = element; 
    if (item.length) { 
     loc.prev = item[0]; 
    } else { 
     loc.parent = $(element).parent()[0]; 
    } 
    return(loc); 
} 

はその後、復元する：

function restoreLocation(loc) { 
    if (loc.parent) { 
     $(loc.parent).prepend(loc.element); 
    } else { 
     $(loc.prev).after(loc.element); 
    } 
}