HTML表格转换为JSON [英] HTML Table to JSON

问题描述

我需要将表格行转换为JSON。

有什么想法？

 函数tableToJSON（tableID）{
 return $（tableID + tr）。map（function（row）{
 return row.descendants（）。pluck（innerHTML）; 
}）。toJSON（）; 
} 
  

解决方案

  function tableToJson（table）{
 var data = []; 
 
 //第一行需要标题
 var headers = []; 
 for（var i = 0; i< table.rows [0] .cells.length; i ++）{
 headers [i] = table.rows [0] .cells [i] .innerHTML。 toLowerCase（）。replace（/ / gi，''）; 
} 
 
 //通过单元格
（var i = 1; i< table.rows.length; i ++）{
 
 var tableRow = table.rows [i]; 
 var rowData = {}; 
 
 for（var j = 0; j  
 rowData [headers [j]] = tableRow.cells [j] .innerHTML ; 
 
} 
 
 data.push（rowData）; 
} 
 
返回数据; 
 
  

取自 John Dyer的博客

I need to take table rows and convert to JSON.

Any ideas? I have this code here but it does not work.

function tableToJSON(tableID) {
    return $(tableID + "  tr").map(function (row) {
        return row.descendants().pluck("innerHTML");
    }).toJSON();
}

解决方案

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

Taken from John Dyer's Blog

这篇关于HTML表格转换为JSON的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！