javascript - page - jquery prepend

¿Cómo muevo un elemento HTML en jQuery?

Question

Mi estructura HTML es así:

<div id="parent">
   <div id="1">Some content</div>
   <div id="2">Some content</div>
</div>

Quiero mover el elemento id="2" para colocar antes de id="1" así será así:

<div id="parent">
   <div id="2">Some content</div>
   <div id="1">Some content</div>
</div>

¿Cómo hago algo así en jQuery?

Answer 1

¿Alguna vez pensaste en usar jQuery UI Sortable ?

Answer 2

Puedes usar .insertBefore() , así:

$("#2").insertBefore("#1");

O bien, .prependTo() , así:

$("#2").prependTo("#parent");

... o al revés usando #1 y .insertAfter() y .appendTo() ... o de muchas otras maneras, de hecho depende de lo que realmente .appendTo() , los 2 métodos anteriores deberían ser lo más cortos posible, dado 2 ID.

Supongo que esto es solo un ejemplo, recuerde usar ID que no comiencen con un número en una página HTML4 real, no son válidos y causan varios problemas.

Answer 3

Simplemente hazlo:

$(''#1'').before($(''#2''));