如何基于指定字段(Id、createdon)删除表格中的重复行?
基于指定列删除HTML表格中的重复行
当然可以实现,以下是用JavaScript完成这个需求的方案,核心是通过跟踪Id和createdon的组合值来识别重复行并移除:
实现思路
- 用
Set对象存储已经出现过的Id+createdon组合,确保唯一性 - 遍历表格的数据行(跳过表头行),提取每行的目标列值
- 若组合已存在,则删除当前行;否则将组合存入
Set
完整代码示例
你可以直接将这段JavaScript代码添加到你的HTML页面中(比如放在</body>标签前):
// 获取表格元素 const table = document.querySelector('table'); // 获取所有数据行(排除表头行) const rows = Array.from(table.querySelectorAll('.rt')); // 存储已出现的唯一组合 const seenCombinations = new Set(); rows.forEach(row => { // 提取Id和createdon列的值 const id = row.cells[0].textContent.trim(); const createdOn = row.cells[3].textContent.trim(); // 生成唯一标识组合 const key = `${id}-${createdOn}`; if (seenCombinations.has(key)) { // 重复行,移除 row.remove(); } else { // 新组合,存入Set seenCombinations.add(key); } });
效果说明
运行这段代码后,表格中所有Id和createdon值完全相同的重复行都会被移除,只保留第一行符合该组合的数据。
内容的提问来源于stack exchange,提问作者Patterson
相关产品推荐
相关产品推荐

