本文介绍如何精准定位html表格中某一列（通过`
在动态渲染或数据比对类前端场景中，常需对表格中特定语义列（如“TYPE”“NAME”“COLOR”）内的重复值进行可视化标记——例如将所有重复出现的 Fiesta 单元格标为绿色背景。但直接遍历全部 .data 元素会导致跨列干扰；关键在于：先根据 中的 获取表头信息，定位目标列序号 精准选取目标列所有 统计频次并批量着色 以下是完整、健壮、可复用的实现代码： 通过此方法，你不仅能精准高亮 TYPE 列中重复的 Fiesta，还能轻松扩展至任意标题列，真正实现「按需着色、语义驱动、开箱即用」的表格数据可视化能力。 文本准确定位目标列索引，再仅选取该列对应的
进行统计与着色。
✅ 正确实现步骤
遍历 的 ，查找匹配指定名称（如 "TYPE"）的列，并记录其 1-based 位置（即第几个
）。
使用 CSS 选择器 tbody td:nth-child(N)（N 为上一步所得列号）获取该列全部单元格，避免硬编码 4n+4 等易错公式——该写法依赖固定列结构，可维护性差且不具语义。
利用 Map 或对象统计各值出现次数，仅对出现 ≥2 次的值，将其所在 添加 .highlighted 类。
BRAND
TYPE
COLOR
BRAND
TYPE
COLOR
Ford Fiesta white Audi A7 black Ferrari F40 red Honda Accord silver Ford Fiesta blue Ford Fiesta yellow ⚠️ 注意事项
