使文字從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())
    })
})

更新的演示