jQuery: string interpolation in input selection

Question

I am trying to select an input in my dom and I know it can be done like so:

$("input[value='foo']")

...but lets say we have a variable x = 'foo'. How can I use that jquery selector with the variable. I tried:

query = "input[value=" + x + "]"

but that results in "input[value=foo]" which is not the same.

How can I insert my variable into this jQuery selector?

`$("input[value='" + x + "']");` - Possible duplicate of [How to use javascript variables in jquery selectors](http://stackoverflow.com/questions/5891840/how-to-use-javascript-variables-in-jquery-selectors) — Tyler Roper, Oct 19 '16 at 20:21

Alexander Nied · Answer 1 · 2020-08-31T14:19:58.340

3

You're close-- just missing those single-quotes:

query = "input[value='" + x + "']";

2020 Edit:

Four years later, and template literals enjoy support in every major browser except IE (which is on its way to deprecation). Furthermore, by leveraging a build process with tools like webpack and Babel, you can transpile them for backwards compatibility with IE. Thus, a more modern option like this is available:

query = `input[value='${x}']`;

edited Aug 31 '20 at 14:19

answered Oct 19 '16 at 20:22

Alexander Nied

11,309
4
26
41

I thought it would throw off the string with only a single single-quote – Jeremy Thomas Oct 19 '16 at 20:24
Thanks for the help – Jeremy Thomas Oct 19 '16 at 20:24
No problem! Glad to help! – Alexander Nied Oct 19 '16 at 20:24
1

Also, if you're not aware, single and double-quotes are functionally the same in Javascript, which is useful for when you need to do something like interpolate a value that needs to be wrapped in quotes. You may already know that, but hopefully it is useful for someone. – Alexander Nied Oct 19 '16 at 20:26

score 0 · Answer 2 · edited Oct 19 '16 at 21:05

0

query = 'input[value="' + x + '"]';

wrap your variable in single quotes so the double quotes get added to the string.

edited Oct 19 '16 at 21:05

Barmar

669,327
51
454
560

answered Oct 19 '16 at 20:22

Jay Lane

1,341
14
28

jQuery: string interpolation in input selection

2 Answers2