在开始用jquery拖动时获取包含div的id

Question

我有一个可拖动的元素，然后是几个可以在同一页面上删除的元素。

当拖动开始时，我想找出包含可拖动元素的div的id在其原始位置。我已经找到了关于如何获取被拖动的元素的id的信息，但不知道它来自哪个父元素的id。

以下是一些代码：

<div id="row-2col0" class="droppable"><a href class="draggable"></a></div>
<div id="row-2col1" class="droppable"></div>
<div id="row-2col2" class="droppable"></div>

$('.draggable').draggable({start: function() {var initialposition = ???}});
$('.droppable').droppable({drop: handleDropEvent, accept:'.bookmark'});
function handleDropEvent( event, ui ) {

}

我想获取父元素的id，以便我可以在handleDropEvent函数中使用它。我希望如果我能在draggable start函数中获取它，那么我可以在handleDropEvent函数中使用它吗？

感谢

Answer 1

可拖动的启动事件函数中的

$（this）是被拖动的元素。 如果你想要包含可拖动元素的div，你可以使用：

$(this).closest("div")

根据您的要求，我建议使用：

ui.draggable.closest("div")

在droppable的drop事件函数中。