Convierta datos de una tabla HTML en un objeto JSON en jQuery

Question

¿Alguien sabe cómo convertir una tabla de valores HTML en un buen objeto JSON para ser manipulado con jQuery?

Answer 1

¿Una tabla HTML? ¿Te gusta, todos los contenidos de <td> en una matriz de 2 d?

var tbl = $('table#whatever tr').map(function() { 
    return $(this).find('td').map(function() { 
    return $(this).html(); 
    }).get(); 
}).get(); 

Entonces sólo tiene que utilizar $ .json (o cualquier biblioteca que desea) para convertir eso en una cadena JSON.

edición — re-escrito para usar el nativo (shim here) .map() del prototipo matriz:

var tbl = $('table#whatever tr').get().map(function(row) { 
    return $(row).find('td').get().map(function(cell) { 
    return $(cell).html(); 
    }); 
}); 

El .map() función jQuery tiene la "característica" de aplanar las matrices devueltas en la matriz resultado. Es decir, si la función de devolución de llamada devuelve un valor que es en sí mismo una matriz, en lugar de que la matriz devuelta se convierta en el valor de una celda del resultado .map(), sus elementos se agregan al resultado.

puede trabajar para utilizar la versión original de jQuery y simplemente envolver una matriz extra alrededor de los valores devueltos.

Answer 2

Necesitaba lo mismo, excepto con la capacidad de ignorar columnas, anular valores y no confundir con tablas anidadas. Terminé de escribir un plugin de jQuery mesa-a-JSON:

https://github.com/lightswitch05/table-to-json

Todo lo que tiene que hacer es seleccionar su mesa usando jQuery y llame al plugin:

var table = $('#example-table').tableToJSON(); 

Aquí es una demostración de en acción:

http://jsfiddle.net/Crw2C/173/

Answer 3

Qué quiere decir la siguiente situación?

Dado:

A1 B1 C1 ... 
A2 B2 C2 ... 
... 

sea necesario:

{"1": ["A1", "B1", "C1", ...], 
"2": ["A2", "B2", "C2", ...], ...} 

a fin de utilizar la siguiente función que crea una función JSON-Cadena válida sin arrastre "":

function html2json() { 
    var json = '{'; 
    var otArr = []; 
    var tbl2 = $('#dest_table tr').each(function(i) {   
     x = $(this).children(); 
     var itArr = []; 
     x.each(function() { 
     itArr.push('"' + $(this).text() + '"'); 
     }); 
     otArr.push('"' + i + '": [' + itArr.join(',') + ']'); 
    }) 
    json += otArr.join(",") + '}' 

    return json; 
} 

Answer 4

{ "0":"[ 
    ['Product','Available','Issue','With Store'], 
    ['GV Rs. 100/-','4461','0','226'], 
    ['PV RED','8','0','0'] 
    ]" 
}