将字符串从数据属性推入数组

debugcn 发表于 Dev

红巨人

我打算使用此网站上的条形图插件。您如何将字符串从每个字符串div.get的data属性推入数组arrayOfData？

例如：

<div class="get" data-stats="10.3,'Jan','#222222'"></div>
<div class="get" data-stats="15.2,'Feb','#7D252B'"></div>

我想将字符串从这样data-stats的数组中推入：

arrayOfData = new Array(
 [10.3,'Jan','#222222'],
 [15.2,'Feb','#7D252B']
);

这push是正确的方法吗？在失败的示例中，我根本无法将字符串传递到数组中。任何帮助，将不胜感激。

HTML：

<div id="exampleSimple" style="width: 400px; height: 300px; position: relative; text-align: center;"></div>

<div class="get" data-stats="10.3,'Jan','#222222'"></div>
<div class="get" data-stats="15.2,'Feb','#7D252B'"></div>
<div class="get" data-stats="13.1,'Mar','#EB9781'"></div>
<div class="get" data-stats="16.3,'Apr','#FFD2B5'"></div>
<div class="get" data-stats="14.5,'May','#4A4147'"></div>

jQuery：

$(function() {
  var arrayOfData = [];
  $('.get').each(function(get){
   var getstats = $(this).data('stats');  
      arrayOfData.push(getstats);
   });

  $('#exampleSimple').jqbargraph({
     data: arrayOfData 
  });
});

拉什敏·贾维娅（Rashmin Javiya）

用逗号分隔符分割状态数据，并且您需要从第二个和第三个数组项中删除单引号，以便正确应用颜色

演示

$(function() {
    var arrayOfData = [];
    $('.get').each(function(get){
        var getstats = $(this).data('stats').split(',');

        getstats[1] = getstats[1].replace(/'/g,'');
        getstats[2] = getstats[2].replace(/'/g,'');

        arrayOfData.push(getstats);
    });

    $('#exampleSimple').jqbargraph({
        data: arrayOfData 
    });
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。