javascript - 如何从所有匹配的元素中获取数据？

Question

假设我有以下元素:

<div data-id="1">firstElement</div>
<div data-id="2">secondElement</div>
<div data-id="3">thirdElement</div>

我知道我可以选择所有元素:

$('[data-id]')

Or .filter Or .find Or querySellectorAll

或者甚至在它们上实现一个函数:

$('[data-id]').each

但我不知道如何获取值而不是元素。

我想将它们收集在一个数组中，这样最终的结果是:

['1', '2' ,'3'] OR [1, 2, 3]

Answer 1

您可以通过迭代 $('[data-id]')

来完成此操作

var values = [];
$('[data-id]').each(function(){
  values.push($(this).data('id'))
})
console.log(values)

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div data-id="1">firstElement</div>
<div data-id="2">secondElement</div>
<div data-id="3">thirdElement</div>