jQueryドラッグ可能/ドロップ可能 - ドロップされたアイテムをすべて削除する

Question

ドロップ可能なdivのすべてのアイテムを1つのボタンを押して削除することはできますか？私はdiv要素を作成しました

おかげで、 LS

$("#wrapper").droppable({ 
       accept: '.shape', 
       drop: function(event, ui) 
        { 
         $(this).append($(ui.helper).clone()); 
         $("#wrapper .shape").addClass("item"); 
         $(".item").removeClass("ui-draggable shape"); 
         $(".item").draggable({ 
          containment: '#wrapper' 
         }); 
        } 
       }); 

       $("#trash").droppable({ 
        accept: '.item', 
        drop: function(event, ui) 
        { 
         $(ui.draggable).remove(); 
        } 
       }); 

はアイテムが、この内に落下しているときに、それらが削除され、ゴミと呼ばれます。これと同様の機能が必要ですが、ボタンを押すとドロップされた図形がすべてゴミ箱にドラッグされることなく削除されます。

Answer 1

単にitemクラスですべての要素を削除します。

は

$('#someButton').click(function() { 
    $("#wrapper .item").remove(); 
}); 

---

追記：

代わり$("#wrapper .shape")と再び低下した.shape要素を選択するので、あなたが

ui.helper.clone() // ui.helper is already a jQuery object 
.appendTo(this) 
.toggleClass("item ui-draggable shape"); 
.draggable({ 
     containment: '#wrapper' 
})