创建一个div子数组

Question

I have some rows with inputs. I want to create an array for each row which contains values of the inputs. So if I have 3 rows, and values of 'input1' are 1, values of 'input2' are 2 and values of 'input3' are 3, the array would look like this:

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

This is my HTML code:

<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>

How can I do it in jQuery?

Answer 1

As far as I understand your question I would do something like this:

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]);
  });
});

OR

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]+'">');
  }
}