Javascript Jquery拖放div'；s

我的HTML格式如下：

  <div class="form-container-ingredients">
     <div id="removable-ingredient-container-1"> 
       ... other elements
     </div>
     <div id="removable-ingredient-container-2"> 
       ... other elements
     </div>
     <div id="removable-ingredient-container-3"> 
       ... other elements
     </div>
  </div>

... 其他要素
... 其他要素
... 其他要素

这代表了许多行，每一行都包含相同的元素。我还有添加新行和删除行的按钮。这很有效

现在我想添加移动行的可能性，例如，在removable-Component-container-3之后移动removable-Component-container-1

根据我的例子，有人有关于如何在jQuery中实现这一点的示例或教程吗

谢谢,， L

有一个插件，您可以使用该插件轻松干净地实现该效果。

jQUeryUI sortable（）？