How to get lost id element in jQuery event

Question

When I drop something in jquery droppable, I want to get the id of the fallen elements. When I did it like this:

$("#here").droppable({ tolerance: 'fit', accept: ".one", drop: function(){ id = $(this).attr("id"); alert (id); } }); 

he, of course, warned id about inaccessibility here . How can I select the id of the dumped div?

Answer 1

Change the drop function to accept two arguments: event, ui

 function(event,ui){ var draggable = ui.draggable; var id = draggable.attr("id"); } 

A draggable that is dropped is represented by ui.draggable

Found in jquery ui docs for droppable.

Answer 2

This worked for me:

  $( "#droppable" ).droppable({ drop: function( event, ui ) { var draggableId = ui.draggable.attr("id"); var droppableId = $(this).attr("id"); } }); });