使文字从JavaScript可见

Question

我有一个可放置区域，用户可以在其中放置物品。 我有一个字段，它计算必需项和已删除项之间的差异。 这是例子

在删除项目后显示差异的行：

$(this).closest("div.proc")
       .find('.dif')
       .text('Difference: ' + ( $(this).closest("div.proc").find('.numbr').text() - n) );

问题是如何从一开始就显示差异。 因此，即使不丢弃任何物品，用户也可以看到它。 谢谢

Answer 1

将此插入您的代码中：

$(".dif").each(function(){
   var $e = $(this);
   $e.text('Difference: ' + $e.closest("div.proc").find('.numbr').text());
});

在最外面的范围内（就像在var itm = []; ）。

Answer 2

将您的逻辑放入$(document).ready()并显示每个div text ，如下所示：

$(document).ready(function(){
        $('.projLeader label').each(function(){
        $(this).find('.dropped').text("Items Dropped :0")
        $(this).find('.dif').text("Difference : "+$(this).find('.numbr').text())
    })
})

更新的演示