次のような複数のdivの順序付けされていないリストから複数の属性を取得しようとしています。
<div class="graph" style="display:none;">
<ul g-max='10'>
<li g-color='green' g-val='4'></li>
<li g-color='blue' g-val='3.6'></li>
<li g-color='red' g-val='8'></li>
</ul>
</div>
<div class="graph" style="display:none;">
<ul g-max='14'>
<li g-color='green' g-val='2'></li>
<li g-color='blue' g-val='9'></li>
<li g-color='red' g-val='3.98'></li>
</ul>
</div>
私はjQueryでこれを行おうとしていますが、次のものを使用しています。
var graph_array = [];
$('.graph').each(function(divind)
{
$('ul').each(function(ulind)
{
$('li').each(function(liind)
{
graph_array[divind][ulind][liind]['g-val'] = $(this).attr('g-val');
graph_array[divind][ulind][liind]['g-color'] = $(this).attr('g-color');
});
});
});
alert(graph_array);
しかし、物事を動かして、やなどのさまざまなテクニックを試して.map()
も.toArray()
、何も機能しません。何か案は?前もって感謝します!
編集:私は次のような最終結果が欲しいです:
[{
{
{g-color:green, g-val:4},{g-color:blue, g-val:3.6},{g-color:red, g-val:8}
},
{
{g-color:green, g-val:2},{g-color:blue, g-val:9},{g-color:red, g-val:3.98}
}
}]