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' 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]

我已经研究了如何为每个选项创建一个具有 data- 属性值之一的数组,给了我这个 [1,2,3],但我一直没有成功地想出我需要的东西。

非常感谢!

最佳答案

var array = $("#my_select > option").map(function() {
    return [$.map($(this).data(), function(v) {
        return v;
    })];
}).get();

演示: http://jsfiddle.net/nQ6mE/

关于javascript - JQuery:创建一个由我选择的选项的数据属性组成的数组,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13997998/

相关文章:

javascript - 如何在保留边界字符的情况下分割字符串?

jquery - 更改 jquery 中选定的单选按钮文本颜色

jQuery:如何在图像点击时添加 div 类 "selected"?

javascript - 如何在 JavaScript 中使表单中的电子邮件 ID 可选

javascript - 使按钮仅被单击一次异常?

javascript - 如何检查字符串/数字是否为简单数字

php - jQuery $.get() 数组返回 [object Object]

jquery - CSS 下拉菜单(使用 jQuery)- z-index 堆叠上下文在 ie 7 中不起作用

jquery - 显示隐藏表,点击

javascript - Bootstrap 显示和折叠表格行