如何为表格指定单元格移除内容并设置背景色？

你的代码核心问题有两个：

• tr.find('td').attr('class')只会获取当前行第一个<td>的类名，根本无法匹配到对应列的目标单元格
• 匹配逻辑错误时，直接给整行所有单元格设置红色背景，完全不符合“仅对应列单元格变色并清空内容”的需求

修正后的jQuery代码如下：

$('.table tbody tr').each(function() {
  const $tr = $(this);
  // 获取当前行首单元格的目标类名
  const targetClass = $tr.find('td:first-child').attr('class');
  if (!targetClass) return;
  
  // 找到表头中对应类名的列索引（从0开始计数）
  const targetIndex = $('.table thead th.' + targetClass).index();
  if (targetIndex === -1) return;
  
  // 定位目标单元格，设置红色背景并清空内容
  const $targetTd = $tr.find('td').eq(targetIndex);
  $targetTd.css('background-color', 'red').empty();
});

代码说明 #

1. 遍历表格每行，先提取首单元格的类名作为匹配标识
2. 通过类名找到表头对应列的位置，确定要操作的单元格索引
3. 精准定位当前行的目标单元格，用css()设置红色背景，empty()清空内容
4. 增加空值判断，避免类名不存在时触发错误逻辑

执行这段代码后，就能实现你想要的效果：每行首单元格类名对应的同列单元格变为红色背景，同时内容被移除。

内容的提问来源于stack exchange，提问作者Boby