Javascript 使用克隆时可拖动/可拖放从原始元素获取数据/attr

我使用jQueryUI draggable/dropable将行从一个表拖到另一个表。我正在使用helper:“clone”，很难从正在拖动的原始项中获取任何数据/属性。下面是一个更好地说明的JSFIDLE：

我正在尝试从表单元格中获取数据id属性，但当它被放入可拖放区域时，我无法这样做

---

注意：我正试图通过jQueryUI实现这一点，而不必在拖动开始前跟踪最后单击的单元格或其他自定义解决方案。我已经实现了类似的解决方案，只是想知道是否有更简单/更干净的解决方案。

您可以使用ui参数来获得它。获取要拖动的元素。从文件中：

拖拉的 类型：jQuery 表示可拖动元素的jQuery对象

试试这个：

$("#droppable").droppable({
    drop: function(event,ui){
    //get data-id from original td
    console.log(ui.draggable[0].getAttribute("data-id"));
  }
});