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 — Tyler Roper
– Tyler Roper, Commented Oct 19, 2016 at 20:21

Alexander Nied · Accepted Answer · 2020-08-31 14:19:58Z

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, 2020 at 14:19

answered Oct 19, 2016 at 20:22

Alexander Nied

13.8k4 gold badges30 silver badges50 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Jeremy Thomas Over a year ago

I thought it would throw off the string with only a single single-quote

Jeremy Thomas Over a year ago

Thanks for the help

Alexander Nied Over a year ago

No problem! Glad to help!

Alexander Nied Over a year ago

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.

Barmar · Accepted Answer · 2016-10-19 21:05:38Z

0

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

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

edited Oct 19, 2016 at 21:05

Barmar

789k57 gold badges554 silver badges669 bronze badges

answered Oct 19, 2016 at 20:22

Jay Lane

1,40116 silver badges30 bronze badges

Collectives™ on Stack Overflow

jQuery: string interpolation in input selection

2 Answers 2

4 Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Linked

Related