使用 jQuery 创建自定义 JSON 对象

Question

我想创建一个自定义的多级 JSON 对象。为此，我编写了一些代码，但这并没有解决我的目的，尽管我仍在努力。

我需要你的建议来编写代码。

有一个自定义的 HTML 表格网格，当用户单击 save 按钮时，我想在其中保存数据。

下面应该是用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();
    });

});