selector and any child

selector and any child

i though this would be a lot easier but for some reason i'm having problems to get my dragenter to work with

  1. .upload-container > child

but it works with selector on it's own fine. i've also tried :child


how can i please trigger an event on selector and any child please?


  1. $('.upload-container > child').on({
               dragenter: function(e) {
                   var dt = e.originalEvent.dataTransfer;
                   if(dt.types != null && (dt.types.indexOf ? dt.types.indexOf('Files') != -1 : dt.types.contains('application/x-moz-file'))) {
                       $('.upload-container').addClass('over-droppable-area');
                       console.log('file here');
                   }
               },
               dragleave: function(event) {
                   $('.upload-container').removeClass('over-droppable-area');
               },
               drop: function(event) {
                   console.log('drop here');
                   event.stopPropagation();
                   event.preventDefault();
                   console.log(event.originalEvent.dataTransfer.files);
               }
           });


thank you guys