[解決済み] JavaScriptのDOM内移動要素

質問

例えば、3つの <div> 要素があるとします。どうすれば、1番目と3番目の <div> ? jQueryで大丈夫です。

どのように解決するのですか？

些細なことですが jQuery

$('#div1').insertAfter('#div3');
$('#div3').insertBefore('#div2');

繰り返し行う場合は、divが移動してもidが保持されるため、別のセレクタを使用する必要があります。

$(function() {
    setInterval( function() {
        $('div:first').insertAfter($('div').eq(2));
        $('div').eq(1).insertBefore('div:first');
    }, 3000 );
});