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();
   })
});

由于您在删除项目之前计算，因此在显示时应使用n-1而不是n，因为打印计数后n会减少

从可放置区域移除它们后计算丢弃的项目

2 个答案: