jQuery：拖放：找到目标的id

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

我只是想在将DIV放在上面之后知道目标DIV的id。

谢谢

Answer 1

您应该能够从事件函数内部从this.id获取目标的ID（ 演示 ）

 $(".droppable").droppable({ drop: function(event, ui) { $(this).addClass("ui-state-highlight").find("p").html("Dropped in " + this.id); }, over: function(event, ui) { $('.display').html( this.id ); } }); 

更新了演示 ，以明确this.id适用于任何事件。

Answer 2

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

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

Answer 3

您可以使用事件处理程序; 它既可以拖动也可以拖放。

 function handleDropEvent(event, ui) { alert('Dropped ' + ui.draggable.attr('id') + ' onto ' + event.target.id); } $('#someContainer').droppable({ drop: handleDropEvent })