使用CSS或jQuery反向排序div？ [英] Reverse sort divs using CSS or jQuery?

问题描述

我有以下：

 < div& 
< div> 
< span> Fe< / span> 
< span> Fi< / span> 
< span> Fo< / span> 
< span> Fum< / span> 
< / div> 
 
 
< div> 
< span>他< / span> 
< span> Hi< / span> 
< span> Ho< / span> 
< span> Hum< / span> 
< / div> 
< / div> 
  

我希望内部div以相反的顺序显示：

何浩浩Hum

费用Fi fum

解决方案

  var first = $（'div> div：first-child'）; 
 
 first.appendTo（first.parent（））; 
 





---

EDIT：处理几个元素，你可以这样做：

  $（'div> div' 
 $（this）.prependTo（this.parentNode）; 
}）; 
  

活动示例： http://jsfiddle.net/xB4sB/

I have the following:

<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>

And I would like the inner divs to display in reverse order like so:

He Hi Ho Hum
Fee Fi Fo Fum

解决方案

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

first.appendTo(first.parent());

---

EDIT: To deal with several elements, you can do this:

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

Live Example: http://jsfiddle.net/xB4sB/

这篇关于使用CSS或jQuery反向排序div？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！