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})`)

也可以