js 合并 值相同的单元格

在 JavaScript 中合并值相同的单元格可以通过 DOM 操作来实现。以下是一种基本的实现方式：

1. 遍历表格中的每一行，获取对应列的值。
2. 如果当前行的对应列值与上一行相同，则将当前单元格和上一行对应单元格进行合并。
3. 如果当前行的对应列值与上一行不同，则将当前行对应列值存储到变量中，供下一次比较使用。

下面是一个示例代码：

function mergeTable(tableId, colIndex) {
  var table = document.getElementById(tableId);
  var lastValue = null;
  var rowspan = 0;

  for (var i = 1; i < table.rows.length; i++) {
    var cell = table.rows[i].cells[colIndex];
    var value = cell.textContent;

    if (lastValue == null || lastValue != value) {
      lastValue = value;
      rowspan = 1;
    } else {
      rowspan++;
      table.rows[i - rowspan + 1].cells[colIndex].rowSpan = rowspan;
      cell.style.display = 'none';
    }
  }
}

这个函数接受两个参数：表格的 ID 和需要合并的列的索引。例如，如果要合并第二列中相同的单元格，可以这样调用函数：

mergeTable('myTable', 1);

需要注意的是，这个函数只能合并相邻的单元格，如果需要合并多个单元格，可以考虑先合并相邻的单元格，再递归地合并相邻的合并后的单元格。