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

Question

假设我有如下所示的HTML：

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

我想获取所有数据文件值的列表。 我尝试使用$(.test).data("file")但这仅返回1 ，这根据jQuery的文档是有意义的，该文档指出它将返回...the value at the named data store for the first element in the set of matched elements.

强调first 。

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

Answer 1

当然！ 使用.map

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

小提琴： http : //jsfiddle.net/5muq33of/

Answer 2

您可以为此创建临时数组：

var myArray = [];
$('.test').each( function() {
    myArray.push( $( this ).data( 'file' ) );
}); 
console.log( myArray );

Answer 3

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

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <div class="test" data-file="1"></div> <div class="test" data-file="2"></div>