jquery - 使用 CSS 或 jQuery 反向排序 div？

Question

我有以下内容:

<div>
    <div>
        <span>Fe</span>
        <span>Fi</span>
        <span>Fo</span>
        <span>Fum</span>
    </div>


    <div>
        <span>He</span>
        <span>Hi</span>
        <span>Ho</span>
        <span>Hum</span>
    </div>
</div>

我希望内部 div 像这样以相反的顺序显示:

嘿嘿嘿嘿
费菲佛芬

Answer 1

var first = $('div > div:first-child');

first.appendTo(first.parent());

---

编辑:要处理多个元素，您可以这样做:

$('div > div').each(function() {
    $(this).prependTo(this.parentNode);
});

实例: http://jsfiddle.net/xB4sB/