使用jQuery prepend填充表格时行索引始终返回0的问题排查

这个问题的核心在于jQuery的index()方法的工作逻辑，以及prepend和append两种插入方式的位置差异，我来帮你理清：

1. 先看append的正常表现 #

当你使用append把新行添加到<tbody>末尾时：

• 第一次插入后，tbody里只有这1行，它的同级元素只有自己，所以newRow.index()返回0
• 第二次插入后，tbody里有2行，新行是最后一个同级元素，索引为1
• 第三次插入后，tbody里有3行，新行索引为2
  这就是为什么alert会依次显示0、1、2，完全符合index()方法的预期——返回元素在同级兄弟元素中的位置（从0开始计数）。

2. prepend导致index始终为0的原因 #

prepend是把新行插入到<tbody>的最开头，也就是所有现有行的前面：

• 不管你插入多少次，新行永远是tbody的第一个子元素，它在同级兄弟元素里排在最前面
• 这时候调用newRow.index()，返回的必然是0，因为它是同级元素中的第一个

你的代码里rowindex = newRow.index();是在插入之后执行的，每次prepend后新行都处于tbody的第一个位置，所以alert的结果永远是0。

3. 如果你需要递增的序号怎么办？ #

如果你的需求是记录插入行的“顺序编号”（比如第1次插的行记为0，第2次记为1，和插入位置无关），可以自己维护一个计数器：

// 在外部定义一个作用域内的计数器
let insertCounter = 0;

// 每次插入行后使用这个计数器
var newRow = $("<tr>");
// ... 构建行内容的代码 ...
$("table.order-list tbody").prepend(newRow);
// 使用计数器，然后自增
rowindex = insertCounter;
alert(rowindex);
insertCounter++;

如果你的需求是获取该行在表格中的实际显示位置索引（从上到下数的位置），那prepend返回0是正确的行为——因为它确实是表格的第一行；而append返回的是最后一行的索引，也是正确的。

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