Pohyblivý prvek JavaScriptu v DOM

Řekněme, že mám tři <div> prvky na stránce. Jak mohu prohodit pozice první a třetí <div> ? jQuery je v pořádku.

Odpověď

Triviální s jQuery

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

Pokud to chcete dělat opakovaně, budete muset použít různé selektory, protože div si při pohybu ponechají svá ID.

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