使用jQuery遍历HTML表格，将表格中的数据转换为JSON格式。

Question

我遇到了一个情况，需要将HTML表格数据转换为JSON。在这个过程中，我需要逐行迭代并将每一行转换为数组，然后将整个数组转换为JSON。如何迭代表格（每一行和每一列）？

- user227790

---

可能是将表格转换为jQuery中的JSON对象的重复问题。 - dkretz

Answer 1

首先，正如Fredrik所指出的那样，我们需要包含https://github.com/douglascrockford/JSON-js。

其次，我们可以使用jQuery.fn.map和jQuery.fn.get来创建一个数组，其中包含td元素的jQuery.fn.text内容的tr数组：

var AoA = $('table tr').map(function(){
    return [
        $('td',this).map(function(){
            return $(this).text();
        }).get()
    ];
}).get();
var json = JSON.stringify(AoA);

- azatoth

Answer 2

像这样吗？将每个td的内容提取到myTable[rowIx][tableIx]数组中。

var myTable = [];
$('#myTable tr').each(function (i, tr) {
    var myTr = [];

    $('td', tr).each(function(j, td) {
        myTr.push($(td).html());
    });

    myTable.push(myTr);
});

- David Hedlund

---

谢谢。我自己也在寻找类似的东西。 - Checksum

Answer 3

你还需要将JavaScript数组（也适用于对象、字符串等）转换为JSON序列化字符串。

将以下内容添加到您的页面中（很快将被添加到jQuery中）：

<script type="text/javascript" src="http://json.org/json2.js"></script>

然后将你的数组序列化：

JSON.stringify(myTable)

- fredrik