jquery - 在 jQuery 中将数据属性提取为数组的最简单方法？

Question

假设我有以下 html 节点......

<span data-key="x"></span>
<span data-key="xx"></span>
<span data-key="xxx"></span>

有没有一种优雅的 jQuery 方法可以得到与返回的类似结果？我一直在阅读 .each() 循环是如何在 jQuery 中被滥用的，所以如果有一种方法可以通过选择器调用来做到这一点，那就太好了。

    var keys = [];
    $('[data-key]').each(function() {
          keys.push($(this).attr('data-key'));
    });

    keys = ['x', 'xx', 'xxx']

Answer 1

使用map()和 get() :

DEMO

var keys = $('[data-key]').map(function(){return $(this).data('key')}).get();