Using a variable in a CSS selector

Question

This might be a really silly question, but I have this CSS selector:

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

Which works. But when I set a variable a = 25, it breaks

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

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

What am I doing wrong?

Perhaps what you want is `$('.result:nth-child('+a+') .name .title')` — JCOC611, Jan 29 '15 at 19:25
Not to be rude, but you can literally google your question title for an answer — Sterling Archer, Jan 29 '15 at 19:28

score 4 · Accepted Answer · answered Jan 29 '15 at 19:25

4

You'll have to insert the value into the string manually in JavaScript using string concatenation. Try this instead:

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

answered Jan 29 '15 at 19:25

Alexis King

1 Answers1