Javascript 如何在单个对象中获得并排表行?
当我在表中输入数据并保存时,我有一个并排的表,它返回第一个表的数据,如Javascript 如何在单个对象中获得并排表行?,javascript,jquery,html,Javascript,Jquery,Html,当我在表中输入数据并保存时,我有一个并排的表,它返回第一个表的数据,如 [{"circuit_no_left":"1","rating_left":"3","description_left":"test1","circuit_no_right":"2","rating_right":"5","description_right":"test2"},{"circuit_no_left":"3","rating_left":"","description_left":"","circuit_no_
[{"circuit_no_left":"1","rating_left":"3","description_left":"test1","circuit_no_right":"2","rating_right":"5","description_right":"test2"},{"circuit_no_left":"3","rating_left":"","description_left":"","circuit_no_right":"4","rating_right":"","description_right":""},{"circuit_no_left":"5","rating_left":"","description_left":"","circuit_no_right":"6","rating_right":"","description_right":""},{"circuit_no_left":"7","rating_left":"","description_left":"","circuit_no_right":"8","rating_right":"","description_right":""}]
我想要这样的输出
[{"circuit_no_left":"1","rating_left":"3","description_left":"test1"},{"circuit_no_right":"2","rating_right":"5","description_right":"test2"},{"circuit_no_left":"3","rating_left":"","description_left":""},{"circuit_no_right":"4","rating_right":"","description_right":""},{"circuit_no_left":"5","rating_left":"","description_left":""},{"circuit_no_right":"6","rating_right":"","description_right":""},{"circuit_no_left":"7","rating_left":"","description_left":""},{"circuit_no_right":"8","rating_right":"","description_right":""}]
我只希望在一个对象中有一个表行。我在一个物体中得到了一张并排的桌子,这是不正确的。
列在一个对象中为左,列在另一个对象中为右
html:
如果您想将左右项分解为单独的对象,只需在循环中创建两个对象,并将它们分别推入数组
var jsonArr = [];
for (var i = 1, row; row = table.rows[i]; i++) {
var col = row.cells;
var jsonObjLeft = {
circuit_no_left: col[0].innerHTML,
rating_left: col[1].innerHTML,
description_left: col[2].innerHTML
};
var jsonObjRight = {
circuit_no_right: col[3].innerHTML,
rating_right: col[4].innerHTML,
description_right: col[5].innerHTML
};
jsonArr.push(jsonObjLeft);
jsonArr.push(jsonObjRight);
}
this.table_data = JSON.stringify(jsonArr);
console.log('tableData', this.table_data);
var table = document.getElementById('table');
var jsonArr = [];
for (var i = 1, row; row = table.rows[i]; i++) {
var col = row.cells;
var jsonObj = {
circuit_no_left: col[0].innerHTML,
rating_left: col[1].innerHTML,
description_left: col[2].innerHTML,
circuit_no_right: col[3].innerHTML,
rating_right: col[4].innerHTML,
description_right: col[5].innerHTML,
}
jsonArr.push(jsonObj);
}
this.table_data = JSON.stringify(jsonArr);
console.log('tableData', this.table_data);
var jsonArr = [];
for (var i = 1, row; row = table.rows[i]; i++) {
var col = row.cells;
var jsonObjLeft = {
circuit_no_left: col[0].innerHTML,
rating_left: col[1].innerHTML,
description_left: col[2].innerHTML
};
var jsonObjRight = {
circuit_no_right: col[3].innerHTML,
rating_right: col[4].innerHTML,
description_right: col[5].innerHTML
};
jsonArr.push(jsonObjLeft);
jsonArr.push(jsonObjRight);
}
this.table_data = JSON.stringify(jsonArr);
console.log('tableData', this.table_data);