JQuery:选择具有特定数据属性值的元素？

Question

给定 n 个具有数据属性的 html 元素，例如:

<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>

给定一个 JS 变量，例如:

foo=10;

如何使用 data-points==foo; 选择元素？(当前为 10 但可能会更改)

合适的选择器是什么？

Answer 1

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

<强> jsFiddle example