从可投放区域中删除投放项目后计数投放项目

Question

我希望对投放区域内丢弃的项目进行计数。这里是example。除了一件事情，它工作正常。当我开始移除物品时，它不会计入第一个物品，并且仅在移除第一个物料编号后开始减少。

功能，我使用删除项目：

$(".procStaff").on('click', '.closer', function(){ 
    var item = $(this).closest('.dropClass'); 
    var element = $("#myAccordion ul li").filter(function() { 
     return $(this).text() == item.text(); 
    }); 

    //code where i counting items  
    var n = $(this).closest("div.proc").find(".dropClass").length; 
    $(this).closest("div.proc").find("span.assigned").text("People Assigned: " + n + "");   

    itm.splice(item); 
    element.css('color','black'); 
    item.fadeTo(200, 0, function(){ item.remove(); }) 
}); 

我怎样才能解决这个问题？

Answer 1

只有一条线更新在$(".projLeader").on('click', '.closer', function(){});

var n = $(this).closest("div.proc").find(".dropClass").length -1; 

现场演示Here

Answer 2

现在

https://jsfiddle.net/97u0peju/174/

$(".projLeader").on('click', '.closer', function() { 
    var me = $(this); 
    var item = $(this).closest('.item'); 
    var n = $(this).closest("div.proc").find(".dropClass").length; 
    $(this).closest("div.proc").find("h6").text("Items Dropped: " + (n-1) + "."); 
    itm.splice(item); 
    item.fadeTo(200, 0, function() { 
     item.remove(); 
    }) 
}); 

作品既然你是counti在移除物品前，您应该在显示时使用n-1而不是n，因为在打印计数后n会减少