Javascript 使用jQuery在拖放事件期间提取元素值

Javascript 使用jQuery在拖放事件期间提取元素值,javascript,jquery,html,Javascript,Jquery,Html,我有以下代码,它将打印我附加了可拖放事件的元素的ID: $('#myDiv').droppable({ over: function(event, ui) { console.log('ID of the item you are hovering over ' + this.id); } }); 然而,我更愿意做的是打印从实际项目拖到屏幕上的值 因此,在本例中,每次我在myDiv上拖动一个带有myClass类的span,span内的实际文本 我可以用$'.my

我有以下代码,它将打印我附加了可拖放事件的元素的ID:

$('#myDiv').droppable({
    over: function(event, ui) {
        console.log('ID of the item you are hovering over ' + this.id);
    }
});
然而,我更愿意做的是打印从实际项目拖到屏幕上的值

因此,在本例中,每次我在myDiv上拖动一个带有myClass类的span,span内的实际文本

我可以用$'.myClass.text阅读文本,但我不知道如何实现上面所述的目标


我如何才能做到这一点?

您应该能够逐个event.target获取事件的目标。因此,阅读文本时,代码应为:

$('#myDiv').droppable({
    over: function(event, ui) {
        console.log($(event.target).text());
    }
});

我不是在尝试更改文本,我是在尝试从拖放事件处理程序中获取文本。很抱歉造成误解。我会更新我的答案:@user9993刚刚更新了答案。希望这是你需要的。
$('#myDiv').droppable({
    over: function(event, ui) {
        console.log($(event.target).text());
    }
});