jQuery将项目从一个列表框添加到另一个列表框并将其删除到相同的原始位置

Question

我有2个列表框和一个按钮，用于将＃list1中的项目添加到＃list2。

我还有一个按钮可以从＃list2中删除项目并再次添加到＃list1。但是，当我删除所选项目时，它会转到＃list1的末尾。

有没有办法让这个被移除的物品回到原来的位置？

谢谢！

Answer 1

如果您有许多物品，除非您相对于所有其他物品存储原始位置，否则返回原始位置将会非常棘手（因为您可能会从＃list1中删除其他物品）。

为了简单起见，您可以通过记住列表中的上一个或下一个元素，提供撤消按钮，将最近移动的项目恢复到原始位置。

商店：

1. $（item）.prev（）和$（item）.next（）最近移动的项目，
2. 已删除的项目为removedItem。

然后，根据是否为原始项目定义了prev（）或after（），请使用以下内容：

$($(item).prev()).after(removedItem);

将最近移动的项目恢复到原始位置。

Answer 2

我找到了一个非常好的教程，以视频格式介绍了这一点，所以我没有尝试调试代码，而是指向vid！

我希望它有所帮助：D

http://blog.themeforest.net/tutorials/jquery-for-absolute-beginners-day-5/