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

$(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 } }

当查询的时候会自动进行合并