反转HTML元素的顺序

时间:2010-04-21 14:56:14

标签: jquery

我有以下配置:

<div><div id='box1'>&nbsp;</div><div id='box2'>&nbsp;</div><div id='box3'>&nbsp;</div><div id='box4'>&nbsp;</div></div>

我需要做的是颠倒div的顺序

<div><div id='box4'>&nbsp;</div><div id='box3'>&nbsp;</div><div id='box2'>&nbsp;</div><div id='box1'>&nbsp;</div></div>

有没有一种快速的方法可以使用jQuery执行此操作而无需克隆,删除和替换项目?

3 个答案:

答案 0 :(得分:5)

试试这个:

$top = $('div#thatTopDiv');
$top.children('div').slice(1).each(function() {
    $(this).insertBefore($top.children().eq(0));
});

修改:Tested,这有效。

答案 1 :(得分:4)

我猜你正在寻找jQuery Reverse Order插件。

答案 2 :(得分:0)

您可以使用jQuery TinySort插件按类名(降序)订购商品......

http://plugins.jquery.com/project/TinySort