jquery重新排列divs [英] jquery reorder divs

问题描述

我有3个div想要颠倒准备好的订单

 < div id =block-1> ;第一和LT; / DIV> 
< div id =block-2>第二个< / div> 
< div id =block-3>第三< / div> 
  

如何在jquery中做到这一点？

解决方案

 < div id =parent> 
< div id =block-1>第一个< / div> 
< div id =block-2>第二个< / div> 
< div id =block-3>第三< / div> 
< / div> 
  

在Jquery中试试这个

<$ p $ （）函数（）{
$（this）.prependTo（this.parentNode）;
}）; $ {code> $（'＃parent> div'）。 b $ b

您可以在jsfiddle http://jsfiddle.net/N7PGW/

I have 3 divs want to reverse the order on doucment ready

<div id="block-1">First</div>
<div id="block-2">Second</div>
<div id="block-3">Third</div>

How can I do this in jquery?

解决方案

<div id="parent">
<div id="block-1">First</div>
<div id="block-2">Second</div>
<div id="block-3">Third</div>
</div>

And try this in Jquery

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

You can see example in jsfiddle http://jsfiddle.net/N7PGW/

这篇关于jquery重新排列divs的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！