jQuery Draggable/Droppable - 删除所有丢弃的'物品'

Question

是否可以通过按下一个按钮删除可丢弃的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(); 
        } 
       }); 

我已经创建了一个名为垃圾DIV，所以当物品被丢弃到这一点，他们将被删除。我需要类似的功能，但是当按下按钮时，它将删除所有被拖放的形状，而不必将其拖到垃圾箱上。

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' 
})