将html表转换为json对象（在表单元格中带有文本框）

Question

i have table like this

there are textboxes in table cell

im trying to convert this table to json object using

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

but values in text boxes not added to json object

Answer 1

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

Answer 2

i have found the solution, i'll done it manually

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