jquery, mueve un elemento interno a la primera posición?

Question

digamos que usted tiene una lista de elementos:

<ul id="ImportantNumbers"> 
    <li id="one"></li> 
    <li id="two"></li> 
    <li id="topNumber"></li> 
    <li id="four"></li> 
</ul> 

Cada cinco segundos estos elementos de la lista consiguen reordenadas.

Usando jquery cuál es la mejor manera de mantener #topNumber, en la parte superior de la lista durante el reordenamiento.

Answer 1

Puede utilizar .prependTo() inmediatamente después de la re-orden, así:

$("#topNumber").prependTo("#ImportantNumbers"); 

You can see it working here, todo lo que está haciendo es tomar el elemento e insertarlo como el primer niño en el <ul>, efectivamente moverlo a la parte superior.

Alternativamente, cuando se ordena, utiliza :not() para excluirlo dependiendo de cómo funciona la clasificación, por ejemplo:

$("#ImportantNumbers li:not(#topNumber)").randomize();