如何獲取拖放目標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;

現在，您的房間甚至不需要ID！

編輯：

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

var room = event.target.parentNode;