Javascript JQuery:创建一个由我的选择选项的数据属性组成的数组

Javascript JQuery:创建一个由我的选择选项的数据属性组成的数组,javascript,jquery,Javascript,Jquery,我有一个选择多与一些选项。 每个选项都有多个数据属性。 我想创建一个包含其每个数据值的数组。 例如,我的代码看起来很像这样: <select multiple id='my_select'> <option data-my_id='1' data-my_parent='3' data-my_name='option1'>My first option</option> <option data-my_id='2' data-my_parent='3' d

我有一个选择多与一些选项。 每个选项都有多个数据属性。 我想创建一个包含其每个数据值的数组。 例如,我的代码看起来很像这样:

<select multiple id='my_select'>
<option data-my_id='1' data-my_parent='3' data-my_name='option1'>My first option</option>
<option data-my_id='2' data-my_parent='3' data-my_name='option2'>My second option</option>
<option data-my_id='3' data-my_parent='3' data-my_name='option3'>My third option</option>
</select>
[1,3,option1], [2,3,option2], [3,3,option3]
我已经研究了如何为每个选项创建一个包含一个数据属性值的数组,给出了[1,2,3],但是我没有找到我需要的

非常感谢

var arr = [];
$('#my_select option').each(function(){
  var $this = $(this);
  arr.push([ $this.data('my_id'), $this.data('my_parent'), $this.data('my_name') ]);
});

演示:

感谢您的快速响应!这也很有效!我更喜欢@VisioN的答案,因为我能够获得所有数据属性,而不必为每个属性都执行$this.data('value')。是否可以在该数组上应用addClass
var array = $("#my_select > option").map(function() {
    return [$.map($(this).data(), function(v) {
        return v;
    })];
}).get();