Question

I’m creating and appending a droppable div element like this :

    var drop = {
                  drop: function(event, ui) {
                      var add = $("#"+this.id);
                      $('<div id='+counter+' "><div class="myCss">here</div></div>').droppable( drop ).appendTo( "#myDivs");
                      //debugger;
                      counter++;
                  }
                };

Can I update this div to just allow divs of a certain id or css to be allowed to be dropped ?

Answer 1

Yes

.droppable( 
    drop: function(event, ui) {
         var targetId = $(this).attr("id");
         //your conditions to check id/class of div . 
         if (targetId == '<your div id to restrict>'){
            return;
         }
    }
)