Jquery从具有数组/ JSON值的多个数据属性中检索数据答案

【问题标题】：Jquery retrieving data from multiple data attributes with with array/JSON valuesJquery从具有数组/ JSON值的多个数据属性中检索数据
【发布时间】：2015-11-05 11:58:34
【问题描述】：

我的页面上有几个元素具有相同的数据属性，但值不同。元素的格式如下：

<input type="radio" data-toggle='["one","two","three"]'/>

现在，我想从所有这些元素中获取数据，我想我可以这样做：

var data = $('[data-toggle]').data("toggle");

但这仅输出第一个元素的数据，具有该数据属性的所有其他元素都将被忽略。

我猜这与 beeing 数组/JSON 格式有关，但我不清楚为什么会这样，以及我应该如何检索我的所有值。

如何从所有这些数据属性中获取所有数据？

这是一个说明我的问题的小提琴：http://jsfiddle.net/6u67o9oo/

【问题讨论】：

标签： jquery json jquery-selectors selector custom-data-attribute

【解决方案1】：

您必须遍历每个元素：

$('[data-toggle]').each(function() {
    var data = $(this).data("toggle");

    //Do stuff
});

或者您可以使用.map 获取所有data-toggle 属性的二维数组：

var newArray = $('[data-toggle]').map(function() {
    return $(this).data("toggle");
}).get();

【讨论】：