You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何基于指定字段(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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.05 12:50:45