Чтение пользовательского ввода матрицы в двухмерном массив

Question

создать форму с матрицей, как это:

for(var i = 0; i < rows; i++) 
      { 
       for(var j = 0; j < columns; j++) 
       { 
        var input = $('<input>') 
         .attr({ 
          class: 'matrix_cell', 
          value: 0}); 
        form.appendChild(input[0]); 
       } 
       var br = $('<br>')[0]; 
       form.appendChild(br); 
      } 

И я хочу прочитать матрицу, пользователь введенную в двухмерном массив, а затем передать его в PHP файл в AJAX запрос.

Я попробовал этот путь:

function getMatrix(){ 
     var matrix_row = [] 

     $("#matrix_form").find("input").each(function(i){ 
      var value = $(this).val(); 
      if (!isNaN(value)){ 
       matrix_row[i] = value; 
      } 
     }); 

     return matrix_row; 
    } 

Но он считывает матрицу одномерного массива.

Answer 1

См http://jsfiddle.net/hcbLozd7/

function getMatrix(){ 
    var matrix_row = []; 

    var ind = 0; 

    $("#frm").contents().each(function(i,e){ //for all contents in div 
     if (this.nodeName == "INPUT") //if it's input 
     { 
      if (!matrix_row[ind]){ //it matrix doesn't have a new array, push a new array 
       matrix_row.push([]); 
      } 
      matrix_row[ind].push($(this).val()); //add input value to array inside array 
     } 
     else{ //when element is br 
      ind++; //increment counter 
     } 
    }); 

    return matrix_row; 
}