本文介绍了一种使用JavaScript实现的表格中重复日期单元格的合并方法。通过遍历带有特定类名的单元格，检查相邻单元格的文本是否相同来决定是否进行合并操作。此方法适用于需要展示整洁表格布局的场景。
var $lastCell = null;
var mergeCellSelector = ".c-date";
$("#scoreboard tbody td.c-date").each(function () {
if ($lastCell && $lastCell.text() == $(this).text()) {
$lastCell.closest("tr").children(mergeCellSelector)
.each(function () {
this.rowSpan = (this.rowSpan || 1) + 1;
});
$(this).closest("tr").children(mergeCellSelector).remove();
}
else
$lastCell = $(this);
var mergeCellSelector = ".c-date";
$("#scoreboard tbody td.c-date").each(function () {
if ($lastCell && $lastCell.text() == $(this).text()) {
$lastCell.closest("tr").children(mergeCellSelector)
.each(function () {
this.rowSpan = (this.rowSpan || 1) + 1;
});
$(this).closest("tr").children(mergeCellSelector).remove();
}
else
$lastCell = $(this);
});
scoreboard 是table.id
c-date是要合并的td的class
这个td也是要合并的主key
扫一扫
351
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
