Come si sposta un elemento HTML in jQuery?

Question

La mia struttura HTML è come questo:

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

voglio spostare l'elemento id="2" di inserire prima id="1" quindi la sua sarà come questo:

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

Come faccio a fare qualcosa di simile a jQuery ?

Answer 1

È possibile utilizzare .insertBefore(), in questo modo:

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

Oppure, .prependTo(), in questo modo:

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

... o viceversa utilizzando #1 e .insertAfter() e .appendTo() ... o più altri modi in realtà, dipende solo da ciò che si sta effettivamente dopo, i 2 metodi sopra dovrebbero essere il più breve possibile, dato 2 ID.

Sono supponendo questo è solo un esempio, ricordarsi di utilizzare ID che non iniziano con un numero in una pagina HTML4 effettiva, non sono validi e causano diversi problemi.

Answer 2

Hai mai pensato di utilizzare jQuery UI Sortable?

Answer 3

semplicemente:

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