jQuery操作表格（table）的常用方法、技巧汇总

下面给出详细的“jQuery操作表格（table）的常用方法、技巧汇总”的攻略，内容包括：选择表格、增删查改表格、处理表格数据等。

选择表格

通过jQuery选择器可以选择需要操作的表格元素，常见的选择器包括：

• $('table')：选择页面中所有的表格元素；
• $('#myTable')：通过ID选择需要操作的表格元素；
• $('table.myClass')：根据class选择需要操作的表格元素；
• $('table:first')：选择文档中第一个表格元素；

增删查改表格

增加表格行

可以通过$('table').append('<tr>...</tr>')添加表格行，其中<tr>...</tr>是新增的表格行内容。也可以通过$('table tbody').append('<tr>...</tr>')添加表格体中的行。示例代码如下：

// 新增一行表格
var newTable = '<tr><td>1</td><td>Tom</td><td>Male</td></tr>';
$('table').append(newTable);

删除表格行

使用jQuery的remove()方法可以删除元素，例如$('tr:last').remove()删除表格中最后一行。示例代码如下：

// 删除表格中最后一行
$('tr:last').remove();

查找表格行

可以使用jQuery的eq()方法根据表格行的索引查找表格中的某一行，例如$('tr:eq(1)')查找表格中的第二行。也可以通过选择器查找表格中特定的行，例如$('tr:contains("Tom")')筛选包含"Tom"文本的表格行。示例代码如下：

// 根据索引查找表格行
$('tr:eq(1)')

// 筛选特定文本的表格行
$('tr:contains("Tom")')

修改表格行

可以使用jQuery的html()方法修改表格行内容，例如$('tr:eq(1) td:first').html('2');修改表格中第二行第一列的内容。示例代码如下：

// 修改表格行内容
$('tr:eq(1) td:first').html('2');

处理表格数据

获取表格内容

使用jQuery的html()方法可以获取表格元素的内容。例如，通过$('table').html()获取整个表格的HTML文本，通过$('table tr:eq(0)').html()获取表格头的HTML文本。示例代码如下：

// 获取表格的HTML文本
$('table').html();

// 获取表格头的HTML文本
$('table tr:eq(0)').html();

遍历表格

可以使用jQuery的each()方法遍历表格的每一行、每一列。例如，通过$('table tr').each(function(){...})遍历表格的每一行。示例代码如下：

// 遍历表格的每一行
$('table tr').each(function(){
    console.log($(this).html());
});

排序表格

可以使用jQuery的sort()方法对表格数据进行排序，例如$('table tbody tr').sort(function(a,b){...})对表格体中的数据按照某一列的数值进行排序。示例代码如下：

// 按照第一列数值排序
function sortTable(table, columnIndex, isNumber) {
    var rows = $('tbody tr', table).get();
    rows.sort(function (rowA, rowB) {
        var valueA = $(rowA).children('td').eq(columnIndex).text();
        var valueB = $(rowB).children('td').eq(columnIndex).text();
        if (isNumber) {
            valueA = parseFloat(valueA);
            valueB = parseFloat(valueB);
        }
        return valueA > valueB ? 1 : -1;
    });

    $.each(rows, function (index, row) {
        $('tbody', table).append(row);
    });
}
sortTable($('table'), 1, true);

以上就是“jQuery操作表格（table）的常用方法、技巧汇总”的攻略，包括表格选择、增删查改、数据处理等内容。