Javascript 使用Jquery进行拖放，从拖放的div中获取值

我正在使用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>

有人知道如何从可拖放区域中的已拖放项中获取值吗？ 我想从丢弃的项目中创建对象数组

---

非常感谢。

您可以在

drop

操作中使用

ui.draggable

对象

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

---

此处

ui.draggable

是您已删除的元素。（在本例中是整个div）

您必须将drop事件用于droppable。这就是我的意思

var items;
$( "#draggable" ).draggable();
$( "#droppable" ).droppable({
    drop: function(event,ui) {
        items = [ui.draggable];
    }
});

这是一把小提琴

---

来源：

你使用的是像jQuery ui这样的库吗？我使用的是jQuery&jQuery-ui。cerlin比我快，他的答案应该是doThanks，你知道我如何获得被删除div中的值吗？你可以使用

$（ui.draggable）。查找（'span'）

。这将返回span tagsIt工作！非常感谢你。我能再问一个问题吗？如果在可删除区域中有许多相同ID的已删除div，如何获取span中的所有值？每次删除元素时都会调用

drop

事件。因此，每当发生下降时，获取其中跨距的值，并将其推送到数组/对象。最后，您将拥有一个包含所有删除元素数据的数组/对象