從可投放區域中刪除投放項目後計數投放項目

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會減少