Как получить родительский идентификатор перетаскивания целевого div?

Question

У меня есть контейнер div (модуль), на который я бросаю еще один div (room), и на этом div я отбрасываю другого div (человека). Я могу получить идентификатор комнаты, когда я бросаю человека на него (theEvent.target.id), но также возможно получить идентификатор модуля div - внешний контейнер? Я использую функции перетаскивания HTML5.

Answer 1

Вы можете пройти дерево DOM назад и получить идентификатор контейнера.

<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!

Edit:

Даже лучше, вы можете опустить идентификатор человека тоже:

var room = event.target.parentNode;