獲取所有匹配元素的數據屬性？

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>