如何在不改变表结构的情况下清空table的score列内容？

原始表格 #

预期结果 #

解决方案 #

根据不同使用场景，可采用以下几种方式实现：

1. 原生JavaScript动态处理

通过DOM定位到score列的所有单元格，清空内容同时保留结构：

// 选中表格tbody里第二列的所有单元格（对应score列）
const scoreCells = document.querySelectorAll('.s-table tbody tr td:nth-child(2)');
scoreCells.forEach(cell => {
  cell.textContent = '';
});

2. jQuery快速实现

如果项目依赖jQuery，可用更简洁的代码完成：

$('.s-table tbody tr td:nth-child(2)').text('');

3. 静态页面手动修改HTML

直接编辑原始HTML代码，将每个score列的<td>标签内的数值删除，保留标签本身即可。例如将<td style="text-align: center;">30</td>修改为<td style="text-align: center;"></td>，其余行同理操作。

4. 后端渲染场景调整

如果表格由后端动态生成（如Python Django、Java Spring等），只需在渲染score列时不输出任何内容。以Python Django模板为例：

{% for item in car_list %}
<tr>
  <td style="text-align: left;">{{ item.car }}</td>
  <td style="text-align: center;"></td> <!-- 不输出score字段内容 -->
  <td style="text-align: right;">{{ item.description }}</td>
</tr>
{% endfor %}

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