如何用JS为CMS生成的HTML表格行添加序号

你可以通过原生JavaScript或jQuery快速实现序号填充，核心逻辑是遍历所有带number类的单元格，将索引值+1后写入单元格内容。

原生JavaScript实现 #

这种方式无需依赖第三方库，兼容性好：

// 确保DOM渲染完成后执行
document.addEventListener('DOMContentLoaded', function() {
  // 定位表格中所有需要填充序号的单元格
  const numberCells = document.querySelectorAll('#mytable .number');
  // 遍历单元格，设置序号
  numberCells.forEach((cell, index) => {
    cell.textContent = index + 1;
  });
});

如果你的JS代码是放在页面底部（</body>标签之前），也可以省略DOMContentLoaded事件，直接执行遍历逻辑。

jQuery实现（如果项目已引入jQuery） #

$(document).ready(function() {
  $('#mytable .number').each(function(index) {
    $(this).text(index + 1);
  });
});

注意事项 #

如果表格是通过AJAX异步加载的（比如CMS动态渲染），需要将这段代码放在表格加载完成的回调函数中，确保能找到目标单元格。

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