反转HTML元素的顺序

Question

我有以下配置:

<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没有克隆,删除和替换项目？

Answer 1

试试这个:

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

编辑:测试,这是有效的.