将HTML转换表JSON对象（在表格单元格中的文本框）

Question

我有台这样

有表格单元格

IM文本框试图将此表格转换成JSON对象使用

var InvoiceData = {}; 
InvoiceData = $('#invoiceDetailTbl').tableToJSON(); 

但在文本框中的值不添加到JSON对象

Answer 1

我已经找到了解决办法，我将手动完成它

var table = document.getElementById('invoiceDetailTbl'); 
    var tableRowCount = $("#invoiceDetailTbl > tbody > tr").length; 
    for (var i = 1; i <= tableRowCount; i++) { 
     var obj = { 
      Inv_Date: table.rows.item(i).cells[0].innerText, 
      Bill_No: table.rows.item(i).cells[1].innerText, 
      Net_Amt: table.rows.item(i).cells[2].innerText, 
      Paid_Amt: table.rows.item(i).cells[3].innerText, 
      Pay_Dis: $(table.rows.item(i).cells[4]).find('input').val(), 
      Paying_Amt: $(table.rows.item(i).cells[5]).find('input').val(), 
      Balance: table.rows.item(i).cells[6].innerText, 
     }; 
     InvoiceData.push(obj); 
    } 

Answer 2

function tableToJson(table) { 

     var data = []; 


    // first row needs to be headers 
    var headers = []; 
    for (var i=0; i<table.rows[0].cells.length; i++) { 
     headers[i] = table.rows[0].cells[i].innerHTML.toLowerCase().replace(/ /gi,''); 
    } 

    // go through cells 
    for (var i=1; i<table.rows.length; i++) { 

     var tableRow = table.rows[i]; 
     var rowData = {}; 

     for (var j=0; j<tableRow.cells.length; j++) { 

      rowData[ headers[j] ] = tableRow.cells[j].innerHTML; 

     } 

     data.push(rowData); 
    }  

    return data; 
}