jQuery：返回指定属性的每个实例的值

Question

我正在通过网页进行解析，我需要返回标记有特定属性的任何元素的每个属性VALUE（注意：not element）。

页面示例如下。结构和排序因页面而异，但我只专注于返回attrX的每个实例的值（红色，蓝色，绿色，紫色等）

<div attrX="red"></div>
<div attrX="blue"></div>
<span attrX="green></span>
<div>
  <p attrX="purple"></p>
</div>

如何使用jQuery以下列格式返回属性'attrX'页面上每个实例的值数组（顺序实际上并不重要）？

[0]->"red"
[1]->"blue"
[2]->"green"
[3]->"purple"

谢谢！

Answer 1

尝试以下方法：

var values = [];
$('[attrX]').each(function() {
  var value = $(this).attr('attrX');
  values.push(value);
});

See here for jsFiddle.

Answer 2

试试这个：

var values = $('[attrX]').map(function() {
    return $(this).attr('attrX');
}).get();