使用动态选择器在jquery中创建一个多维数组

Question

我有两个选择器，每个选择器将选择3-5个元素。

var key = $('.inline-input input[type="textbox"]').val();
var val = $('select[name="create_icon"]').val();

这些是小型内联表单的一部分。输入值后，我需要将它们存储在多维数组中。

我目前正在使用.map方法，如下所示：

var array_val = 
  $('select[name="sr_badges_create_icon"], .inline-input input[type="textbox"]')
    .map(function() 
    {
        return $(this).val();
    }).get();

这将返回一个简单的数组。编辑：根据要求，这是map方法的输出：

["H", "fa-glass", "i", "fa-glass"] 

但是要在PHP中处理和操作这个键值对数组，我需要以这种格式存储数组：

array( 0 => 
    array(  'key' => 'value',
            'key' => 'value'
    ),
array( 1 => 
    array(  'key' => 'value',
            'key' => 'value'
    ),
array( 2 => 
    array(  'key' => 'value',
            'key' => 'value'
    ),
);

我显然对jquery还不是很熟悉，而且我花了2个多小时尝试使用$.each或简单for循环的不同变体。还没有成功。

更新：当前代码的功能JSFIDDLE。