jQuery 获取表格所有数据

Question

如图，点击增加一行按钮会增加一行，填入数据之后点击下方的保存，会插入数据库，现在的问题是怎样把表格中的的所有数据获取到呢？求大神贴出代码

Answer 1

var set = [];
$('table tr').each(function() {
    var row = [];
    
    $(this).find('td').each(function() {
        row.push($(this).text());
    });
    
    set.push(row);
});

这样，会把整个表格所有的td项按照行->列，依次存成一个二维数组set，类似下面这种结构

[
    [列1, 列2, ...], // 行1
    [列1, 列2, ...], // 行2
    ...
]

Answer 2

我把boxsnake的回答改了一下：

var set = [];
$('table').each(function(index) {
    console.log(index)
    
    var table = [];
    $(this).find('tr').each(function() {
        var row = [];
        $(this).find('th,td').each(function() {
            row.push($(this).text().trim());
        });
        table.push(row);
    });
 
    set.push(table);
})

这样出来的set里面每个数组都是一个表格， 每个表格中的每一个数组都是该表格一行数据， 以此类推。

Answer 3

jQuery 有一个 serializeArray() 方法