javascript - 特定の画像がドロップされたときにdivにクラスを追加する方法は?

Question

これまでのところ、画像/セクションを別のdivにドラッグすると、divの画像が変更されますが、クラスを持つ特定の画像/セクションがdivにドロップされた場合、どうすればそれを取得できますか?それにクラスを追加し、別の画像/セクションがその上にドロップされた場合、別のクラスが追加されますか?

これまでのところ、ドラッグアンドドロップ用にこれを持っています:

        $(function() {
            $( "#draggable" ).draggable({
                drag: function(event, ui) {
                    $( this )
                        .addClass( "choppedonion" )
                        .find( "section" )
                            .html( "" );
                }
            });
            $( "#droppable" ).droppable({
                drop: function( event, ui ) {
                    $( this )
                        .addClass( "fullbowl" )
                        .find( "div" )
                            .html( "" );
                }
            });
        });