jquery - Jquery を使用して、ページの読み込み時に div の順序を変更する

Question

Jqueryを使用して何かを実行できるかどうか、私はただ興味があります:

<div class="test">
<div class="test2">

次に、次のように反転します。

<div class="test2">
<div class="test">

両方の div が表示され、どちらも非表示ではないことに注意してください。これは派手なアニメーションやそのようなことはしません。代わりに、ページの読み込み時に行うことは、div の順序を入れ替えて、何も起こらなかったように続行することだけです。

アイデア？

Answer 1

これは少し複雑かもしれませんが、ノードをスワップし、.test の直前に配置します。

フィドル: http://jsfiddle.net/cC2hH/

$('.test').before($('.test2').remove());