如何获取要将“可拖动”元素拖动到的元素的id

Question

所以我在我的页面上有这样的div：

<div class="drag"></div>

下面是jquery代码：

<script type="text/javascript">
    //<!--
$(document).ready(function() {

 $('.drag').draggable();

});    //-->
</script>

可拖动效果效果很好。

但我想找出可拖动div被拖放的HTML标记的id。如果它有的话。

因此，如果我使用表“my-id=”将div拖到一个表中，我希望在js中获取该值并对其执行某些操作。

Answer 1

如果你有一个可拖动的，你也有一个droppable...correct？

所以你可以这样做：

$("#draggable").draggable();
$("#droppable").droppable({
  drop: function() {
    alert('dropped');
    var dropId = $(this).attr('id');
  }
});

Answer 2

我之所以注意到这篇文章，是因为我最近发布了一个非常类似的问题，所以我只留下这里的链接，以防有人想看一下。

How to find out about the "snapped to" element for jQuery UI draggable elements on snap