JQuery UI получить идентификатор дочернего элемента перетаскиваемого элемента, когда отбрасывается

Question

Я прочитал многие потоки перетаскивания в SO и не нашел ни одного, который рассказывал бы мне, как получить идентификатор дочернего элемента перетаскиваемого элемента, когда перетаскиваемый элемент отбрасывается.

Например, если у вас есть

<div id='drag'>
  <img id="something"/>//how do i get this id when #drag is dropped?
</div>

<div id='drop'>
</div>

и JS

$('#drag').draggable({
  containment: '#content',
  scrollSensitivity: 60,
  revert: 'invalid',
  cursor: 'move'
});

$('#drop').droppable({
  accept: '#albumImgs li',
  activeClass: 'dropContainerOpen',
  drop: function(event, ui) {
    var fileName = $(ui.draggable.attr('alt'));
    console.log(fileName);
  }
});

Answer 1

ui.draggable - это перетаскиваемый элемент, который вам нужен для запроса нужного вам ребенка:

$('#drop').droppable({
  accept: '#albumImgs li',
  activeClass: 'dropContainerOpen',
  drop: function(event, ui) {
    var fileName = $(ui.draggable.attr('alt'));
    console.log(ui.draggable.find('#something'))
    console.log(fileName);
  }
});