循环变量作为nth-of-type选择器

Question

我试图根据循环变量i访问特定的nth-type元素。

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

我正在做对吗？如果错，我能否知道这样做的方法？

提前致谢。

Answer 1

不，你做得不对。

您按原样提供字符串".sm1:nth-of-type(i)"。因此，jQuery将i作为字符，而不是变量。您需要在那里明确使用变量。使用+ - 符号组合字符串和变量。

试试这个：$(".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");
        }