使用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(); 
    }); 

});