在jQuery中将HTML表数据转换为JSON对象

Question

有谁知道如何将HTML值表转换为漂亮的JSON对象以使用jQuery进行操作？

Answer 1

HTML表格？就像<td>二维数组中的所有内容一样？

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

然后只需使用$ .json（或您想要的任何库）将其转换为JSON字符串即可。

编辑 —重新编写以使用数组原型中的本机（此处.map()为shim）：

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

jQuery .map()函数具有将返回的数组展平为结果数组的“功能”。也就是说，如果回调函数返回的值本身就是一个数组，则不是将返回的数组变成结果的
一个 单元格的值，而是.map()将每个元素添加到结果中。

它 可能 工作，使用原来的jQuery版本，只是环绕返回值的额外阵列。