Question

我有一个id为0,1,2,3，n的div集合。它们是在php中按升序生成的。我想制作一个按钮来重新排列它们，以便它们使用jquery以降序显示。我完全不知道如何做到这一点。任何人都可以将我推荐给某篇文章吗？

代码：

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

我想要一个按钮来实现它：

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

Answer 1

试试这个

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

http://jsfiddle.net/BS4g3/

Answer 2

很简单。

假设你有这个当前的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>

使用简单的jQuery反向将导致您需要的内容：

$($("div").slice(1).get().reverse())
   .insertBefore("div:first");

结果：

检查这个小提琴：

http://jsfiddle.net/66QDc/

编辑：

我更新了小提琴按钮来完成任务：

http://jsfiddle.net/66QDc/1/

jQuery - 按ID按降序排列元素的按钮

2 个答案: