使用jQuery遍歷HTML表格，將表格中的數據轉換爲JSON

Question

我遇到了一個我必須將HTML表格數據轉換爲JSON的情況。在這個過程中，我必須遍歷表並逐個（行）轉換爲數組，然後將整個數組轉換爲JSON。我如何遍歷表（每行和每列）？

Answer 1

像這樣的東西？ 將每個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); 
}); 

Answer 2

您還需要將JavaScript數組（也適用於對象，字符串等）轉換爲JSON序列化字符串。

添加到您的網頁（將很快加入到jQuery的）：

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

然後序列化您的數組：

JSON.stringify(myTable) 

Answer 3

我寫了這個插件，它有幾個鍾和口哨聲。瞧瞧吧：

http://www.fletchzone.com/post/jQuery-Convert-HTML-Table-to-JSON.aspx

Answer 4

首先爲弗雷德裏克指出，我們需要包括https://github.com/douglascrockford/JSON-js。

其次，我們可以使用jQuery.fn.map和jQuery.fn.get創建數組的數組（該tr：秒）其中包含jQuery.fn.text內容td元素：[轉換錶轉換爲JSON對象在

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