Создайте пользовательский объект JSON с помощью jQuery

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

});