JavaScriptからテキストを見えるようにする

Question

私は、ユーザーがアイテムをドロップできるドロップ可能な領域を持っています。そして、私は必須項目と落とし項目の差を数えるフィールドを持っています。ここでexample

そして、私はアイテムをドロップした後の違いを表示する行である：

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

は、問題は、私は最初から違いを表示する方法です。ユーザーはアイテムを落とすことなくそれを見ることができます。 （ちょうどvar itm = [];の後のような）最も外側のスコープで

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

を：

Answer 1

はあなたのコードでこれを挿入していただきありがとうございます。

Answer 2

として以下の各divため$(document).ready()と表示textであなたのロジックを入れて：

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

UPDATED DEMO