js 表格排序序号自增

假设你有一个表格，其中一列需要根据它的值进行排序，并且你希望另一列中的序号自动递增。可以使用以下代码来实现：

// 获取表格元素
var table = document.getElementById("myTable");

// 获取表格中需要排序的列
var column = 1;

// 获取需要递增序号的列
var indexColumn = 0;

// 获取表格中的所有行
var rows = table.getElementsByTagName("tr");

// 将行转换为数组以便排序
var rowsArray = Array.prototype.slice.call(rows, 1);

// 对行进行排序
rowsArray.sort(function(a, b) {
  var aValue = a.getElementsByTagName("td")[column].textContent;
  var bValue = b.getElementsByTagName("td")[column].textContent;
  return aValue.localeCompare(bValue);
});

// 将排序后的行重新添加到表格中
for (var i = 0; i < rowsArray.length; i++) {
  rowsArray[i].getElementsByTagName("td")[indexColumn].textContent = i + 1;
  table.appendChild(rowsArray[i]);
}

这段代码做了以下几件事情：

1. 获取表格元素和需要排序的列、需要递增序号的列。

2. 获取表格中的所有行，并将它们转换为数组以便排序。

3. 对行进行排序，这里使用了 `localeCompare()` 方法来比较字符串。

4. 将排序后的行重新添加到表格中，并递增相应的序号。