jquery - 从字段值生成带有选项的数组

Question

有没有办法从一系列包含输入字段的跨度中生成一个数组，格式如下：

[[1,100],[2,200],[3,300],[4,400]]

HTML：

<div id="arrays">
<span>
<input type="text" value="1">
<input type="text" value="100">
</span>
<span>
<input type="text" value="2">
<input type="text" value="200">
</span>
<span>
<input type="text" value="3">
<input type="text" value="300">
</span>
</div>

我已经像这样处理它但没有成功：

str = [];
$('#arrays').children("span").find('input').each(function(index) {
str[index] = $(this).val();
});

var string = [ str ];

然后数组将传递给 jqPlot，如下所示：

var plot1 = $.jqplot('chartdiv', [string]);

如果不生成数组，代码将如下所示（示例）：

var plot1 = $.jqplot('chartdiv', [[[1,100],[2,200],[3,300]]]);

Answer 1

试试这个

str = [];


  $('#arrays span').each(function(){
    var value1 = $(this).find('input['input:first']')val();
    var value2 =  $(this).find('input['input:last']')val();
     var r = [value1 ,value2 ];
    str .push(r);

   });