为什么我的html文档中的元素索引没有更新？（jquery问题）

这是我的网页：

我在页面中放置了两个链接，单击第一个链接会提醒每个div中的文本及其元素位置（索引）。单击第二个链接将最后一个div的位置更改为第二个div的位置，反之亦然。现在最后一个div位于第二个位置，但其索引没有改变。（再次单击第一个链接）第三个元素位于第二个位置，其索引仍然是3，不应该是2？或者，当元素索引从一个位置移动到另一个位置时，如何更新它？请帮忙

非常感谢您

，MvanGeest评论道： 单击可看到以下内容：

1 -> 1
2 -> 3
3 -> 2

但浏览器的作用是：

1 -> 1
2 -> 2{top = top - 35}
3 -> 3{top = top + 35}

所以顺序仍然是1,2,3。。。确定编辑您要做的是在移动功能中添加如下内容：

$('#main #3').insertAfter($('#main #1'));

---

这将在第一个元素之后移动第三个元素，以便浏览器像您一样看到它。

您希望如何更改位置？在开始时，在第一次单击-

1,3,2

之后，它后面是什么？也许你想再换一次？例如，再次获取

1,2,3

？您遇到的问题是，您只移动元素（更改它们的位置），但它们在DOM（文档对象模型）中的位置不变。换言之，浏览器并不真正知道顺序发生了变化，只知道他必须以另一种方式显示它们。是的，如果你是对的，现在我弄错了。非常感谢，你的建议很好：）：）现在可以使用了