如何修改代码仅高亮HTML表格指定列（td）中的重复值

没问题，我帮你调整这段代码，让它能精准针对你指定的列来高亮重复值。

原来的代码会遍历表格里所有的<td>单元格，现在我们只需要给函数新增一个“指定列索引”的参数，然后在处理时只关注目标列的单元格就可以了。这里我们可以用单元格的cellIndex属性来判断它属于哪一列（索引从0开始计数，也就是第一列对应0，第二列对应1，以此类推）。

另外我还优化了原代码的逻辑：原代码只会高亮后续出现的重复值，第一个重复项不会被标记。修改后的代码会先统计目标列所有值的出现次数，再把所有重复的单元格都高亮出来，体验更完善。

修改后的完整代码如下：

function highlightDuplicates(tableId, columnIndex = 0) {
  const table  = document.getElementById(tableId);
  const rows = table.getElementsByTagName("tr");
  const values = {};

  // 第一步：遍历所有行，统计目标列每个值的出现次数
  for (let i = 0; i < rows.length; i++) {
    const cell = rows[i].getElementsByTagName("td")[columnIndex];
    if (!cell) continue; // 跳过没有该列的行（比如表头用<th>的情况）
    const cellValue = cell.textContent.trim();
    values[cellValue] = (values[cellValue] || 0) + 1;
  }

  // 第二步：再次遍历，高亮目标列中出现多次的单元格
  for (let i = 0; i < rows.length; i++) {
    const cell = rows[i].getElementsByTagName("td")[columnIndex];
    if (!cell) continue;
    const cellValue = cell.textContent.trim();
    if (values[cellValue] > 1) {
      cell.style.backgroundColor = 'black';
      cell.style.color = 'white';
    }
  }
}

// 调用示例：
highlightDuplicates('myTable', 0); // 高亮第0列（第一列）的重复值
// 如果要高亮第2列，就改成：highlightDuplicates('myTable', 2);

关键改动说明： #

• 新增了columnIndex参数，默认值为0（默认处理第一列），你可以传入任意列索引指定目标列
• 分两次遍历表格：先统计值的出现次数，再统一高亮所有重复项，避免遗漏第一个重复值
• 增加了if (!cell) continue的判断，避免因某些行没有对应列（比如表头行）而报错
• 全程只针对目标列的单元格操作，完全不会影响其他列的内容

这样修改后，你只需要在调用函数时传入对应的列索引，就能精准高亮指定列里的重复值啦。

备注：内容来源于stack exchange，提问作者M.Rono