0

我不明白 jQuery 如何处理多维数组。

我在向导插件中有一个非常大的表单。在一个步骤中最多可以有 10 个选项卡，每个选项卡中可能有几十个文本输入。我正在尝试使用 .each 来收集所有文本输入并将它们排列在多维数组中。

var ItemsArray = [];
var ItemGroup = [];
$('.GroupOfTabs').each(function() { //for each tab
  var TabName = $(this).val();

  //for each input inside each tab
  $('#step-3 tr[room='+TabName+'][object=item]').each(function() { 
    var value1 = $('#step-3 input[tab='+TabName+'][other=value1]).val();
    var value2 = $('#step-3 input[tab='+TabName+'][other=value2]).val();
    var value3 = $('#step-3 input[tab='+TabName+'][other=value3]).val();
    var value4 = $('#step-3 input[tab='+TabName+'][other=value4]).val();

    ItemGroup.push( {value1, value2}, {value3, value4} );   
    ItemsArray[TabName].push(ItemGroup);
  });
});

HTML 看起来像这样：

<div class="GroupOfTabs" value="tab1">
  <table>
    <tr room="tab1" object=item>
      <td><input tab=tab1 other=value1></td>
      <td><input tab=tab1 other=value2></td>
      <td><input tab=tab1 other=value3></td>
      <td><input tab=tab1 other=value4></td>
    </tr>
  </table>
</div>

对于许多选项卡和更多输入，依此类推。

所以我希望的是一个组织良好的多维数组，如下所示：

ItemsArray
{
     Tab1 : { value1 : value2 }, {value3 : value4}
     Tab2 : { value1 : value2 }, {value3 : value4}
     Tab3 : { value1 : value2 }, {value3 : value4}
}

//An easier way for me to articulate the array structure is php style:

(ItemsArray => array( Tab1 => array(value1 => value2, value3 => value4),
               array( Tab2 => array(value1 => value2, value3 => value4),
               array( Tab3 => array(value1 => value2, value3 => value4))

我什至不会费心展示我得到的实际输出是什么……可以放心地假设它是一团糟。它甚至没有返回所有文本输入，只是每个选项卡中的第一个。

合适的方式？

提前致谢！

4

1 回答 1

0

您将变量定义为数组，但根据您希望的输出，您似乎真的想使用对象。我们对您的文档结构知之甚少，因此以下只是根据您尝试做的猜测。

（我假设您在 value1-value4 中获得了正确的值。）

var ItemsArray = {}; $('.GroupOfTabs').each(function() { //for each tab   var TabName = $(this).val();

  //for each input inside each tab   $('#step-3 tr[room='+TabName+'][object=item]').each(function() { 
    var value1 = $('#step-3 input[tab='+TabName+'][other=value1]').val();
    var value2 = $('#step-3 input[tab='+TabName+'][other=value2]').val();
    var value3 = $('#step-3 input[tab='+TabName+'][other=value3]').val();
    var value4 = $('#step-3 input[tab='+TabName+'][other=value4]').val();

    ItemsArray[TabName] = [ { value1 : value2 } , { value3 : value4 } ];   }); });

像这样脱离上下文，结构ItemsArray对我来说并没有多大意义。假设您的示例输出实际上是您想要的，我认为这应该可行。

于 2013-06-12T01:42:48.783 回答