Javascript accidental closure

Question

私はこのコードを自分のウェブサイトに持ち、画像の数を数え、ユーザーが希望するカテゴリをクリックするたびにリストを出力します。

問題は、私のイメージカウンタ変数（noIMG）は、関数が呼び出されるたびにそれ自身をクリアしないということです。私は関数の最後にリセット（noIMG）を追加しようとしましたが、それは悪い考えのように思えました。

私はいくつかの研究を行い、閉鎖に関する記事を見つけました。それを修正するために数多くのメソッドを試した後も、私のコードはまだ私が望むように動作していません。

---

function thumbCounter(){ 

    var noIMG = $(".artwork img").size()+1; 

     for (var count = 1; count < noIMG; count++){ 
      if (count == 1){ 
       $('#list_here').append('<li class="active">' +count+ '</li>'); 
      } else{ 
       $('#list_here').append('<li>' +count+ '</li>');  
      } 
     } 
}; 

Answer 1

あなたがリストに関数が呼び出されるたびにクリアしたい意味ならば、このようにそれを実行します。

function thumbCounter() { 
    var noIMG = $(".artwork img").size() + 1; 
    var myList = $('#list_here'); // reference to list 

    myList.html(""); // clear the contents 
    for (var count = 1; count < noIMG; count++) { 
     if (count == 1) { 
      myList.append('<li class="active">' +count+ '</li>'); 
     } else { 
      myList.append('<li>' +count+ '</li>');  
     } 
    } 
};