jQuery - переместить элемент и вернуться к его точному предыдущему местоположению?

Я пытаюсь использовать jQuery для перемещения элемента из одного места в другое в DOM. Рядом с ним есть элементы, идентичные исходному контейнеру, так как же мне сохранить его точное предыдущее местоположение, чтобы он вернулся к нему? Вот пример...

<div class="container"></div>
<ul>
    <li></li>
    <li><div class="move">Content</div></li>
    <li></li>
    <li><div class="move">Content</div></li>
    <li></li>
</ul>

...элементы "перемещения" по отдельности перемещаются в элемент "контейнер", а затем возвращаются в свое предыдущее местоположение в событии с помощью jQuery .appendTo(). Как я могу гарантировать, что каждый «перемещаемый» элемент div возвращается в свое точное предыдущее местоположение, определяя, откуда он был перемещен (его точное местоположение в DOM относительно документа или иным образом указанный родительский контейнер)?

РЕДАКТИРОВАТЬ: я исправил классы в div, поскольку в конкретном случае, с которым я работаю, элементы списка являются точными дубликатами друг друга (структурно) с уникальным содержимым в соответствующих элементах. Кроме того, событие для перемещения "переместить" div обратно в его исходное местоположение - это нажатие кнопки внутри него. Как перемещенный элемент узнает, куда вернуться после перемещения (в частности, как он узнает, какой элемент списка в списке)?

6
задан Charles 15 May 2012 в 00:50
поделиться