javascript - JQuery子元素伪类选择器:nth-child(n)中，n的值能否使用自定义的变量？

Question

请问这样使用选择器有什么问题？

 var state = 1;
 $(".nav input:nth-child(state)").css("display","none");

没出效果，但直接这么用：

 $(".nav input:nth-child(1)").css("display","none");

没有出现问题，求大神解惑？

半小时后：

解决问题了，选择器内部整体是一个字符串，使用变量时应该用:

$(".nav input:nth-child("+state+")").css("display","none");

这样就可以了

Answer 1

ES6直接

$(`.nav input:nth-child(${state})`)

也可以