ドラッグ＆ドロップで複数イメージのIDを取得可能にする

Question

jqueryが新しく、これに疑問はありません。送信ボタンで複数のイメージのIDを取得できるようになりました。私を助けてくれ、私を案内してくれる...私はドロップ可能なものの中だけでドラッグされたイメージのIDを取得する必要があり、サブミットボタンが押されたときには.. ..

jsFiddle

https://jsfiddle.net/xInfinityMing/azvvhxvL/ 

JavaScriptが

$(function() { 
$("#dragIcons img").draggable({ 
    revert: "invalid", 
    refreshPositions: true, 
    cursor: "move", 
    cursorAt: { 
    top: 56, 
    left: 56 
    }, 
    drag: function(event, ui) { 
    ui.helper.removeClass("end-draggable"); 
    ui.helper.addClass("draggable"); 
    }, 
    stop: function(event, ui) { 
    ui.helper.addClass("end-draggable"); 
    ui.helper.removeClass("draggable"); 
    } 
}); 

$("#briefcase-full").droppable({ 
    greedy: true, 
    tolerance: 'touch', 
    drop: function(event, ui) { 
    var id = ui.draggable.attr("id"); 
    alert(id); 
    if ($("#briefcase").length == 0) { 
     $("#briefcase-droppable").html(""); 
    } 

     ui.draggable.addClass("dropped"); 
     $("#briefcase-droppable").append(ui.draggable); 
    } 
    }); 
}); 

Answer 1

基本的に、すべてのドラッグされた要素はdroppableの内側に移動します。 childrenを使用してすべての要素を確認することができます。

$("#briefcase-droppable").children(".icons").each(function() { var icon_id= $(this).attr("id"); });

JSFiddle：Link

私はあなたの代わりにdraggableイベントを添付するimg要素を使用してのクラスを使用することをお勧めします。