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

Question

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

Answer 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;

现在你的房间甚至不需要身份证！

编辑：

更好的是，您也可以省略此人的身份证明：

var room = event.target.parentNode;