如何获取拖放目标div的父ID？

【问题标题】：Howto get parent id of drag and drop target div?如何获取拖放目标div的父ID？
【发布时间】：2014-01-19 22:01:11
【问题描述】：

我有一个容器 div（模块），我在该容器上放置了另一个 div（房间），并在这个 div 上放置了另一个 div（人）。当我将人放在房间上时，我可以获得房间的 ID（theEvent.target.id），但是否也可以获得模块 div 的 ID - 外部容器？我正在使用 HTML5 拖放功能。

【问题讨论】：

【解决方案1】：

您可以返回 DOM 树并检索容器的 ID。

<div id="room1234">
   <div id="person4321">...</div>
</div>

当您检测到“person4321”被丢弃时，获取 roomid：

var roomid=document.getElementById(event.target.id).parentNode.id;

如果您准备直接使用房间，请跳过“id”部分并直接使用对象：

var room=document.getElementById(event.target.id).parentNode;

现在您的房间甚至不需要 ID！

编辑：

更好的是，您也可以省略此人的 ID：

var room = event.target.parentNode;

【讨论】：