创建一个div子数组

Question

我有一些输入行。 我想为包含输入值的每一行创建一个数组。 因此，如果我有3行，并且'input1'的值是1，'input2'的值是2而'input3'的值是3，则数组如下所示：

[
    [1, 2, 3],
    [1, 2, 3],
    [1, 2, 3]
]

这是我的HTML代码：

<div class="container">
    <div class="row">
        <input id="input1">
        <input id="input2">
        <input id="input3">
    </div>

    <div class="row">
        <input id="input1">
        <input id="input2">
        <input id="input3">
    </div>

    <div class="row">
        <input id="input1">
        <input id="input2">
        <input id="input3">
    </div>
</div>

如何在jQuery中做到这一点？

Answer 1

据我了解你的问题，我会做这样的事情：

var obj = {};

$('.row').each(function(ind1) {

  obj[ind1] = {};

  $(this).children().each(function (ind2) {

    obj[ind1][ind2] = $(this).val();

  });

});

Answer 2

HTML：

<div class="container">
    <div class="row">
        <input class="input1">
        <input class="input2">
        <input class="input3">
    </div>

    <div class="row">
        <input class="input1">
        <input class="input2">
        <input class="input3">
    </div>

    <div class="row">
        <input class="input1">
        <input class="input2">
        <input class="input3">
    </div>
</div>

Javascript：

var data = [
    [1, 2, 3],
    [4, 5, 6],
    [7, 8, 9]
];

$('.container .row').each(function(row) {
  $(this).children().each(function (column) {
    $(this).val(data[row][column]);
  });
});

要么

HTML：

<div class="container"></div>

Javascript：

var data = [
    [1, 2, 3],
    [4, 5, 6],
    [7, 8, 9]
];

for(var i = 0; i < data.length; i++){
  var arr = data[i];
  var row = $(".container").append("<div class='row'></div>");
  for(var j = 0; j < arr.length; j++){
    var i_name = 'input-'+i+'-'+j;
    row.append('<input id="'+i_name+'" type="text" name="'+i_name+'" value="'+arr[j]+'">');
  }
}