Как изменить порядок элементов с помощью jQuery?

Единый код:

<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>

После переупорядочения (поместите p3 в 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>

Ответы

Вы можете использовать .insertBefore():

$("#paragraph3").insertBefore("#paragraph2");

Несколько более сложный пример (щелчок по абзацу перемещает его):

$("p").click(function() {
   $(this).insertBefore($(this).prev()); 
});