使用jQuery 操作table 完成单元格合并的实例

网络编程 2025-03-23 18:55www.168986.cn编程入门

```javascript

var mark = 0; // 要合并的单元格数

var index = 0; // 起始行数

```

```javascript

if (tr > 2) { // 只有当行数大于2时才进行比较处理

for (var i = 0; i < tr; i++) {

var ford = $("printPage tr:gt(0):eq(" + i + ") td:eq(0)").text(); // 获取当前行的第一个单元格内容

var behind = $("printPage tr:gt(0):eq(" + (parseInt(i) + 1) + ") td:eq(0)").text(); // 获取下一行的第一个单元格内容

if (ford == behind) { // 如果相邻行的内容相同,则进行合并操作

$("printPage tr:gt(0):eq(" + (parseInt(i) + 1) + ") td:eq(0)").hide(); // 隐藏下一行的单元格

mark = mark + 1; // 记录合并的单元格数

} else if (ford != behind) { // 如果内容不同,重置合并计数并隐藏当前单元格(或进行相应的删除操作)

index = i - mark; // 记录起始行的索引位置

$("printPage tr:gt(0):eq(" + index + ") td:eq(0)").attr("rowspan", mark + 1); // 设置当前行的rowspan属性进行合并显示

上一篇:php设计模式之工厂模式用法经典实例分析 下一篇:没有了

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by