Javascript 从表生成json

Javascript 从表生成json,javascript,jquery,json,Javascript,Jquery,Json,我想从表中生成特定的json。我有一个表,它有行和4列。 我想从表中构建一个jsonarray。 左栏的第一个值是json的键,右栏的最后一个值是json的值 我的意思是,我想从表jsonarray中获取,它必须看起来像 json_from_form = [{color: 'id', name: "mouse", x: "table", y: "book"}]; 我曾尝试构建json,但在json对象的结构和设置键方面存在问题。 请

我想从表中生成特定的json。我有一个表,它有行和4列。 我想从表中构建一个jsonarray。 左栏的第一个值是json的键,右栏的最后一个值是json的值

我的意思是,我想从表jsonarray中获取,它必须看起来像

json_from_form = [{color: 'id', 
          name: "mouse",
          x: "table",
          y: "book"}];
我曾尝试构建json,但在json对象的结构和设置键方面存在问题。 请帮我建立正确的json对象结构

var json_from_form_tmp = {};
$('#table').find('tbody tr').each(function (i) {
    //var name = $(this).find('td:first').text(); 
    json_from_form_tmp[i] = {
        imd: $(this).find('td:eq(3) input').val()
    };
});
console.log(json_from_form_tmp);

要设置对象的属性(来自表单tmp的json),请使用['propertyName']符号

//get the name of the property from the first column     
var name = $(this).find('td:first').text();

//use that name as the name of the property. Your value fetch was right!
json_from_form_tmp[name] = $(this).find('td:eq(3) input').val(); 
这是你的小提琴,稍作修改

对此,您应该使用jQuery,下面是一个示例:

$(function () {    
    var m = $("table tr").map(function (index, e) {        
        return {
            color: $(e).children().eq(0).text(),
            name: $(e).children().eq(1).text()
        }
    }).get();
});
其中m是映射函数中定义的对象数组。

检查此链接