jquery 合并table表格行或列

Jiang_JY

于 2024-01-09 16:25:07 发布

阅读量530

点赞数 10

分类专栏： javascript 前端 jQuery 文章标签： jquery 前端 javascript

本文链接：https://blog.csdn.net/jiangjunyuan168/article/details/135483504

版权

前端同时被 3 个专栏收录

117 篇文章 7 订阅

订阅专栏

javascript

59 篇文章 1 订阅

订阅专栏

jQuery

4 篇文章 0 订阅

订阅专栏

合并行

$("#tableId").find("tr").each(function(rowIndex) {
    var cells = $(this).find("td");
    cells.each(function(cellIndex) {
        var cell = $(this);
        var prevRowCell = table.find("tr:eq(" + (rowIndex - 1) + ")").find("td:eq(" + cellIndex + ")");
        if (prevRowCell.html() === cell.html()) {
            cell.remove();
            prevRowCell.attr("rowspan", (prevRowCell.attr("rowspan") || 1) + 1);
        }
    });
});

合并列

<script>
$("#tableId").find("tr").each(function(rowIndex) {
    var cells = $(this).find("td"); 
    cells.each(function(cellIndex) {
        var cell = $(this);
        var prevRowCell = table.find("tr:eq(" + (rowIndex - 1) + ")").find("td:eq(" + cellIndex + ")");
        if (prevRowCell.html() === cell.html()) {
            cell.remove();
            prevRowCell.attr("rowspan", (prevRowCell.attr("rowspan") || 1) + 1);
            prevRowCell.attr("colspan", (prevRowCell.attr("colspan") || 1) + 1);
        }
    });
});