在 CSS 选择器中使用变量

Question

这可能是一个非常愚蠢的问题，但我有这个 CSS 选择器：

$('.result:nth-child(25) .name .title')

哪个有效。但是当我设置变量 a = 25 时，它会中断

$('.result:nth-child(a) .name .title')

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

我做错了什么？

Answer 1

您必须使用字符串连接将值手动插入 JavaScript 中的字符串。试试这个：

$('.result:nth-child(' + a + ') .name .title')

Using a variable in a CSS selector