使用jQuery創建自定義的JSON對象

Question

我想創建一個自定義的多級JSON對象。爲此我編寫了一些代碼，但這並不能解決我的目的，儘管我仍在努力。

我需要你的建議來編寫代碼。

有一個自定義的HTML表格網格，當用戶點擊保存按鈕時，我想要保存數據。

下面應該是用JSON保存數據代碼的格式。

table = { 
    row0: {       //this is row id 
     td0: "some data",   // this is 1st row td data 
     td1: "some data", 
     td2: "some data", 
     td3: "some data", 
     td4: "some data", 
     td5: "some data" 
    }, 
    row1: { 
     td0: "some data",   // this is 2nd row td data 
     td1: "some data", 
     td2: "some data", 
     td3: "some data", 
     td4: "some data", 
     td5: "some data" 
    }, 
} 

我已經創建了下面的代碼，但它不像上面提到的那樣工作。

$("#myTable tbody tr").each(function() { 
tdColId = $(this).attr("id"); 

$("#myTable tbody tr td").each(function() { 
    tdId = $(this).attr("id"), 
    tdContent = $(this).html(); 
    //console.log("this is row content "+tdcontent);   
}) 

item = {}, 
item["Column Id"] = tdColId, 
item["Td Content"] = tdContent; 


jsonObj.push(item); 

}); 

參考完整代碼是here。

Answer 1

你可以試試這個：

jsonObj = {}; 
$("#myTable tbody tr").each(function() { 
    tdColId = $(this).attr("id"); 
    jsonObj[tdColId] = {}; 

    $(this).find("td").each(function() { 
     jsonObj[tdColId][$(this).attr("id")] = $(this).html(); 
    }); 

});