Uncaught Error: Syntax error, unrecognized expression: :nth-child

JavaScript / 2021年7月19日 / hamster

在jQuery运用nth-child()修改列表内特定标签样式的时候，可能会报以下错误。

之所以如此，可能是你在nth-child()内添加的不是数字

例如你在循环数组时，可能需要根据数组参数修改列表某一行的样式，于是你这般操作

for (var i=0; i<list.length; i++){

    if (i == 3){
        $("ul > li:nth-child(i)").css("color","blue");
    }    
}

随后提示上方错误。

解决办法

$("ul > li:nth-child(" + i + ")").css("color","blue");

Jquery