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

这是我的网页： 请检查

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

非常感谢你

Answer 1

正如MvanGeest评论的那样：点击后你会看到：

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

但浏览器的作用是：

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

所以订单仍然是1,2,3 …确定编辑你想要做的是在你的移动function中添加这样的东西：

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

这将在第1个元素之后移动第3个元素，因此浏览器会像您一样看到它。