Obtenir l'ID de l'élément enfant basé sur le nom de la classe parents

Question

Je suis actuellement en train de jouer avec des dragées glisser et déposer, fondamentalement, j'ai actuellement un div (.drag_check) qui contient une case à cocher, j'ai le glisser-déposer, mais je travaille Je veux alerter l'ID de la case une fois que l'élément est déposé, je suppose que je dois utiliser un enfant mais toutes mes tentatives ont retourné 'indéfini'. Voici mon code,

$('.drag_check').draggable({ 
    containment: 'document', 
    opacity:0.6, 
    revert: 'invalid', 
    helper: 'clone', 
    zIndex: 100 
}); 

$("ul.searchPage").droppable({ 
    drop: 
     function(e, ui) { 
      var param = $(ui.draggable).attr('class') 
      addlist(param) 
      alert(param) 
     } 
}) 

Answer 1

code Vous semble bien, juste quelques suggestions:

1. Ajouter des points-virgules à la fin de vos lignes (Pour éviter tout problème).
2. Pas besoin de $ (ui.draggable) car ui.draggable est déjà un objet jQuery.

.

$("ul.searchPage").droppable({ 
    drop: function(event, ui){ 
     var param = ui.draggable.attr('class'); 
     addlist(param); 
     alert(param); 
    } 
}); 

BTW = jQuery UI ajoutera quelques cours à l'objet Draggable, donc vous devriez considérer que, dans votre fonction addlist.