¿Cómo reorganizar elementos usando jQuery?
Código original:
<p id="paragraph1">1</p> <p id="paragraph2">2</p> <p id="paragraph3">3</p> <p id="paragraph4">4</p> <p id="paragraph5">5</p>Después de reorganizar (poner p3 en el lugar de p2)
<p id="paragraph1">1</p> <p id="paragraph3">3</p> <p id="paragraph2">2</p> <p id="paragraph4">4</p> <p id="paragraph5">5</p>Puedes usar .insertBefore() :
$("#paragraph3").insertBefore("#paragraph2");Ejemplo un poco más elaborado (al hacer clic en un párrafo se mueve hacia arriba):
$("p").click(function() { $(this).insertBefore($(this).prev()); });