Question

I want to get multiple dragged ids when i dropped to the certain div.

$(ui.draggable).attr('id'); only gets 1st id.

Not working:

var m_ids = [];
$.each($(ui.draggable), function(i,e) {
    m_ids.push(e.id);  // not getting multiple ids
    alert(m_ids);
});

Drag

<ul id="demo" > 
     <li id="1" ></li>
     <li id="2" ></li>
     <li id="3" ></li>
</ul>

<div class="drop"> drop here!! </div>

JQUERY

$(".drop").droppable({ 
    drop: function(event, ui) {
        var m_id = $(ui.draggable).attr('id');// only gets 1st id
        var m_ids = [];
        $.each($(ui.draggable), function(i,e) {
             m_ids.push(e.id);  // not getting multiple ids
             alert(m_ids);
        });
    }       
});

Please help me out.

Answer 1

Did you try:

var m_ids = [];

$.each($(ui.draggable), function(i,e) {
   m_ids.push(e.id);  // getting all id's of matched elements in $(ui.draggable) selector
});

console.log(m_ids);

If there’s only one element, $(ui.draggable) probably only contains one element, and the other elements could be children, check the console with console.log($(ui.draggable)).