jQuery从droppable框中保存所有拖动的元素（单击按钮后）

Question

我想在点击按钮后从可放置区域保存拖动的元素。例如：我有一个盒子，我可以拖动和放大删除一些元素，然后单击“保存”以获取数组列表中的所有拖动元素。

这是HTML：

<div class="draggable" id="widget-1">
  drag box 1
</div>
<div class="draggable" id="widget-2">
 drag box 2
</div>
<div class="draggable" id="widget-3">
 drag box 3
</div>

 <div class="droppable" id="box-1">
      <p>This is Box-1</p>
 </div>

 <div class="droppable" id="box-2">
      <p>This is Box-2</p>
</div>

 <a href="#" onclick="saveValue()">SAVE </a>

提前致谢。