nth-of-typeセレクタとしてのループ変数

Question

ループ変数iに基づいて特定のnth-of-type要素にアクセスしようとしています。

for(var i=0;i< data.length; i++){ 
      $(".sm1:nth-of-type(i)").css("background-color","red"); 
     } 

私はそれを正しくやっていますか？間違っている場合、私はそうする方法を知ることができますか？

ありがとうございます。

Answer 1

いいえ、あなたは正しいことをしていません。

文字列にはを指定しています。したがって、jQueryは変数としてではなく、文字としてiを取ります。変数を明示的に使用する必要があります。 + -signを使用して文字列と変数を結合します。

これを試してみてください：$(".sm1:nth-of-type(" + i + ")").css("background-color","red");

Answer 2

for(var i=0;i< data.length; i++){ 
      $(".sm1:nth-of-type({i})").css("background-color","red"); 
     } 

または

for(var i=0;i< data.length; i++){ 
      $(".sm1:nth-of-type("+i+")").css("background-color","red"); 
     }