JQuery表格Table操作-获取表格数据/向表格填充数据
// 获取表格中的数据
var tableData = [];
$('#myTable tr').each(function() {
var rowData = {};
$(this).find('td').each(function(index, td) {
rowData["column" + index] = $(td).text();
});
tableData.push(rowData);
});
// 向表格中填充数据
var dataToFill = [
{column0: '数据1', column1: '数据2'},
{column0: '数据3', column1: '数据4'}
];
dataToFill.forEach(function(rowData) {
var newRow = '<tr>';
$.each(rowData, function(key, value) {
newRow += '<td>' + value + '</td>';
});
newRow += '</tr>';
$('#myTable').append(newRow);
});
这段代码展示了如何使用jQuery来遍历表格的行和列,并获取其中的数据,以及如何使用数组中的数据填充一个表格。在实际应用中,你可以根据需要调整dataToFill
中的数据结构和填充逻辑。
评论已关闭