javascript - 开始使用 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 函数中使用它。我希望如果我可以在可拖动的启动函数中掌握它，那么我可以在 handleDropEvent 函数中使用它吗？

谢谢

Answer 1

可拖动开始事件函数中的 $(this) 是被拖动的元素。如果您想要包含可拖动元素的 div，您可以使用：

$(this).closest("div")

但是，对于您的要求，我建议使用：

ui.draggable.closest("div")

在 droppable 的 drop 事件函数中。