jQuery：For循環if else和n-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") 
    } 
}