javascript - 使用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

您可以在 drop Action 中使用 ui.draggable 对象

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

这里 ui.draggable 是你拖放的元素。 (在本例中是整个 div)