列表展示相同的内容合并table单元格

最新推荐文章于 2022-10-25 11:09:56 发布

杰灬杰

最新推荐文章于 2022-10-25 11:09:56 发布

阅读量262

点赞数

文章标签： java javascript

本文链接：https://blog.csdn.net/qq_42493452/article/details/107083232

版权

	$(document).ready(function() {
		merage();
	});
	function merage() {
        let table = $('.table tbody')
        let lenTr = table.children('tr').size()
        let lenTd = table.children('tr').eq(0).children('td').size()
        let sum = 1
        let rowIndex = -1
            // 列循环
        for (let c = 0; c < lenTd; c++) {
            // 行循环
            for (let r = 0; r < lenTr - 1; r++) {
                let td = table.children('tr').eq(r).children('td').eq(c)
                let tdNext = table.children('tr').eq(r + 1).children('td').eq(c)
                // 判断内容相同时
                if (td.html() == tdNext.html()) {
                    if (rowIndex == -1) {
                        rowIndex = r
                    }
                    tdNext.addClass('hide')
                    sum++
                    // 内容不同时
                } else {
                    rowIndex = -1
                    sum = 1
                }
                table.children('tr').eq(rowIndex).children('td').eq(c).attr('rowspan', sum)
            }
            rowIndex = -1
            sum = 1
        }
    }