使用Jquery拖放，从放置的div中获取价值

Question

我正在使用Jquery进行拖放。

我要制作要拖动的项目的简短JavaScript是：

$(".draggable").draggable();

我的简短JavaScript可以拖放区域是：

$("#droppable").droppable();

这是我的可拖动项简短的HTML代码：

 <div id="comItem[]" class="computerItem draggable">
    <img src="img/com.png" class="assetImg" alt="Computer Info" title="">
    <span id="owner[]" class="textLabel"></span>
    <span id="ipaddress[]" class="textLabel"></span>
 </div>

有人知道如何从可放置区域中的放置项中获取值吗？我要创建放置物品的对象数组吗？

非常感谢。

Answer 1

您可以使用ui.draggable在对象drop动作

$( "#droppable" ).droppable({
    drop: function( event, ui ) {
        $(this).append($(ui.draggable).find('img'));
    }
})

这ui.draggable是您删除的元素。（在这种情况下，整个div）