Javascript jQuery:拖放:查找目标的id

Javascript jQuery:拖放:查找目标的id,javascript,jquery,Javascript,Jquery,我正在开发一个拖放应用程序。我有一个可以沿文档拖动的DIV,文档中还有一些其他DIV,我可以将一个DIV拖动到其他DIV,但是如何找到我将拖动DIV拖放到的DIV的id 我只想在放置另一个DIV之后知道目标DIV的id 谢谢您应该能够从事件函数() 要明确说明此.id在任何事件中都有效。但是,如果使用事件委派,此将是目标div的某个父级。在这种情况下,您可以使用: var handleDrop=function(e) { var target=e.target || e.srcEleme

我正在开发一个拖放应用程序。我有一个可以沿文档拖动的DIV,文档中还有一些其他DIV,我可以将一个DIV拖动到其他DIV,但是如何找到我将拖动DIV拖放到的DIV的id

我只想在放置另一个DIV之后知道目标DIV的id


谢谢

您应该能够从事件函数()


要明确说明
此.id
在任何事件中都有效。

但是,如果使用事件委派,将是目标div的某个父级。在这种情况下,您可以使用:

var handleDrop=function(e)
{
    var target=e.target || e.srcElement;
    var id=target.id;
    // do something with it
}

您可以使用事件处理程序;它给你一个拖拽的和一个掉落的

function handleDropEvent(event, ui) {
  alert('Dropped ' + ui.draggable.attr('id') + ' onto ' + event.target.id);
}

$('#someContainer').droppable({
  drop: handleDropEvent
})

可能的副本必须基于选择器定义一个可拖放。你应该已经知道可降落目标的ID了,不是吗?胡猜!!该div将成为删除的div的父div。。因此,使用.parent和.children,您可能会发现,如果您在结束时需要id,就像fudgey所说的那样,但是如果您在删除可拖动div之后需要,那么这个.id应该在drop函数中。
function handleDropEvent(event, ui) {
  alert('Dropped ' + ui.draggable.attr('id') + ' onto ' + event.target.id);
}

$('#someContainer').droppable({
  drop: handleDropEvent
})