jQuery : drag and drop : find the id of the target

Question

Hello friends

I am developing a drag and drop app. I have a DIV that is draggable along the document and there are some other divs in the document, I can drag one div to other divs, but how can I find the id of the div to which I dropped the dragging DIV,

I just want to know the id of the target DIV after placing another DIV over it.

Thanks

Answer 1

You should be able to get the ID of the target from this.id from inside the event functions (demo)

$(".droppable").droppable({
    drop: function(event, ui) {
        $(this).addClass("ui-state-highlight").find("p").html("Dropped in " + this.id);
    },
    over: function(event, ui) {
        $('.display').html( this.id );
    }
});

Updated demo to make it clear that this.id works in any of the events.