javascript - 使用 jQuery，如何选择元素上的动态相关数据键并将它们输出到数组中？

Question

例如，给定这个 HTML:

<div class="playlist"
     data-name1="Some Name 1"
     data-value1="123"
     data-name2="Some Name 2"
     data-value2="456"
     data-name3="Some Name 3"
     data-value3="789"
></div>

我想像这样返回一个键/值对数组(使用 jQuery):

[{
    "name": "Some Name 1",
    "value": "123"
}, {
    "name": "Some Name 2",
    "value": "456"
}, {
    "name": "Some Name 3",
    "value": "789"
}]

这是我想过但显然行不通的一些伪代码:

array = []
$(".playlist").attr("data-name-*, data-value-*").each(function(name, value){
   array.push({"name": name, "value": value});
  }
})
return array;

有什么想法吗？

Answer 1

array = []
  $.each($('.playlist')[0].attributes, function(i, attrib){
    array.push({name : attrib.name, value : attrib.value});

  });
  console.log(array);