javascript - 如何将表格数据封装成json对象？

Question

点击提交按钮，需要提交这个表格的数据，结构如下：

我的想法是通过 .each() 循坏来获取每行的数据，但是获取之后不知道该如何做了？

$('#elementManageTbody tr').each(function(){
    var factorVal = $(this).find('td:nth(1)').text(); // 获取要素值
    var factorValDesc = $(this).find('td:nth(2)').text(); // 获取要素值描述
});

Answer 1

var factorValueList = [];
$('#elementManageTbody tr').each(function(){
    var factorVal = $(this).find('td:nth(1)').text(); // 获取要素值
    var factorValDesc = $(this).find('td:nth(2)').text(); // 获取要素值描述
    
    factorValueList.push({desc: factorValDesc, value: factorVal});
});

console.log(factorValueList);

Answer 2

var data = [];
$('#elementManageTbody tr').each(function(){
    var factorVal = $(this).find('td:nth(1)').text(); // 获取要素值
    var factorValDesc = $(this).find('td:nth(2)').text(); // 获取要素值描述
    data.push({"desc":factorValDesc, "factorVal":factorVal})
});

$.ajax({
    type: "POST",
    url: 'utl',
    dataType: 'json',
    async: false,
    data: JSON.stringify(data),
    success: function () {
        // 上传成功
    }
})

Answer 3

var arr = [];
$('#elementManageTbody tr').each(function(){
    var factorVal = $(this).find('td:nth(1)').text(); // 获取要素值
    var factorValDesc = $(this).find('td:nth(2)').text(); // 获取要素值描述
    var obj = {"desc": factorValDesc, "val": factorVal};
    arr.push(obj );
});

JSON.parse(arr);//变成json数组