jquery重新排列divs [英] jquery reorder divs
本文介绍了jquery重新排列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屋!
查看全文