Using jQuery variables to select data-* HTML 5 elements [duplicate]

Question

I can select an HTML5 element by data-* element with:

$("[data_value='5']")

However, I'd like to replace the 5 with a jQuery variable. When I do, I am no longer able to select the element. For example:

> $("[data-uid='4']")
[<div class="eventInfo individual" data-uid="4">…</div>]
> var uid = 4
> $("[data-uid=uid]")
[]

How do I make a selection using a variable?

String concatenation. Given $("[data-uid=uid]"), how could it possibly know which if any uid should use the variable? — cookie monster
– cookie monster, Commented Aug 16, 2014 at 5:32
This question was answered here: stackoverflow.com/questions/4191386/… — Eric Baldwin
– Eric Baldwin, Commented Aug 16, 2014 at 5:34

Scott Mielcarski · Accepted Answer · 2014-08-16 05:34:28Z

4

Try this instead:

$("[data-uid=" + uid + "]")

answered Aug 16, 2014 at 5:34

Scott Mielcarski

7606 silver badges17 bronze badges

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

Comments

karan3112 · Accepted Answer · 2014-08-16 05:34:13Z

3

Use + to do so.

JS:

 var uid_var = 4;
 $("[data-uid="+ uid_var +"]")

answered Aug 16, 2014 at 5:34

karan3112

1,86714 silver badges20 bronze badges