Javascript jQuery-按id降序排列元素的按钮

我有一个id为0、1、2、3、n的div集合。它们在php中按升序生成。我想制作一个按钮来重新排列它们，以便它们使用jquery按降序显示。我完全不知道怎么做。有人能给我介绍一篇文章什么的吗

代码：

...
...
...
...
...
...

我想要一个按钮使它：

<span>
....
    <div id="4">...</div>
    <div id="3">...</div>
    <div id="2">...</div>
    <div id="1">...</div>
    <div id="0">...</div>
</span>

....
...
...
...
...
...

非常简单

假设您当前有以下HTML：

<span>
    <div id="0">1</div>
    <div id="1">2</div>
    <div id="2">3</div>
    <div id="3">4</div>
    <div id="4">5</div>
</span>

结果:

5
4
3
2
1

检查这把小提琴：

编辑：

我更新了fiddle a按钮来完成任务：

试试这个

$('span div').each(function() {
    $(this).insertBefore('span div:first');
});

---

你这个摇滚人！帮了我很多忙！谢谢：）。我真的很感激。对于你的问题的具体例子：那些lis没有ID；因此，切换顺序的代码是不同的，但是您接受的解决方案没有考虑

div

元素的ID。所以我想知道为什么

li

元素没有id很重要。当然，有多种方法可以实现同一个目标。我可以工作，但我似乎可以触发它。单击。这里有一个按钮

5
4
3
2
1

$('span div').each(function() {
    $(this).insertBefore('span div:first');
});