javascript - 获取所有匹配元素的数据属性？

Question

假设我有如下 HTML:

<div class="test" data-file="1"></div>
<div class="test" data-file="2"></div>

我想获得所有数据文件值的列表。我尝试使用 $(.test).data("file") 但这只返回 1 这根据 jQuery's documentation 有意义其中声明它将返回 ...匹配元素集中第一个元素在命名数据存储中的值。

强调first。

有没有办法告诉 jQuery 将所有数据值拉入一个数组？

Answer 1

当然!使用 .map

var dataValues = $(".test[data-file]").map(function() {
    return $(this).data("file");
}).get();

fiddle :http://jsfiddle.net/5muq33of/