Question

How to get id & class name of any element from ui & event of any function. please see below for clear understanding .

<div class"drag-class" id="drag1"> </div>
 <div class"drag-class" id="drag2"> </div>
      <div class"drop-class" id="drop1"> </div>
      <div class"drop-class" id="drop2"> </div> 

JS:

   $(function(){
     $('.drag-class').draggable();

     $('.drop-class').droppable(function(){

              accept: '.drag-class'.
              drop: function(ui,event){
                /*here i want to know the id of drag-class & drop-class element element*/
                     }              
             });

       });'

Answer 1

From the docs –

In the callback, $(this) represents the droppable the draggable is
dropped on. ui.draggable represents the draggable.