jQuery：Forループelse ifおよびnth-child

Question

for (i = 1; i < 24; i++){{ 

     if(dices[i].value == 0) { 
      $('td div:nth-child(i)').addClass("zero-desktop") 
      } else if (dices[i].value == 1) { 
      $('td div:nth-child(i)').addClass("one-desktop") 
      } else if (dices[i].value == 2){ 
      $('td div:nth-child(i)').addClass("two-desktop") 
      } else if (dices[i].value == 3) { 
      $('td div:nth-child(i)').addClass("three-desktop") 
      } else if (dices[i].value == 4) { 
      $('td div:nth-child(i)').addClass("four-desktop") 
      } else { 
       alert ("NOT WORKING") 
      } 
      }}; 

dices[i]は23個の乱数を表示し、23個のdivがある配列です。

dice[i].valueは（0〜4）のいずれかに等しく、divにクラスが追加され、divにクラスを追加すると、[i]は終了番号に達するまで増加します。

何らかの理由でキャッチされていませんエラー：構文エラー、認識できない式：：nth-​​childエラーが表示されます。

Answer 1

ここでの問題は、文字'i'を変数iの代わりにセレクタに挿入していることです。

for (i = 1; i < 24; i++) { 
    if (dices[i].value == 0) { 
    $('td div:nth-child(' + i + ')').addClass("zero-desktop") 
    } else if (dices[i].value == 1) { 
    $('td div:nth-child(' + i + ')').addClass("one-desktop") 
    } else if (dices[i].value == 2){ 
    $('td div:nth-child(' + i + ')').addClass("two-desktop") 
    } else if (dices[i].value == 3) { 
    $('td div:nth-child(' + i + ')').addClass("three-desktop") 
    } else if (dices[i].value == 4) { 
    $('td div:nth-child(' + i + ')').addClass("four-desktop") 
    } else { 
    alert ("NOT WORKING") 
    } 
}