JQuery: selecting element with specific data-attribute's value?

Question

Given n html elements with data attributes such :

<div class="tpl" data-points="2"></div>
<div class="tpl" data-points="5"></div>
<div class="tpl" data-points="10"></div>
<div class="tpl" data-points="5"></div>

Given a JS variable such as :

foo=10;

How to select the element with data-points==foo; ? (which currently is 10 but may change)

What is the suitable selector ?

Who reopened this and why? It's a duplicate of stackoverflow.com/q/6131119/218196, or the ones I mention below. — Felix Kling
– Felix Kling, Commented Jun 20, 2014 at 20:44
The question contains two parts: Selecting an element by attribute and using a variable in a selector. — Felix Kling
– Felix Kling, Commented Jun 20, 2014 at 20:47

j08691 · Accepted Answer · 2014-06-20 20:42:59Z

2

$('div.tpl[data-points=' + foo + ']')

jsFiddle example

answered Jun 20, 2014 at 20:42

j08691

208k33 gold badges269 silver badges281 bronze badges

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

Collectives™ on Stack Overflow

JQuery: selecting element with specific data-attribute's value?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related