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