jquery - formulario - centrar imagen css

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

Question

Digamos que tienes una lista de artículos:

<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 se reordenan.

Usar jquery cuál es la mejor manera de mantener #topNumber , en la parte superior de la lista durante la reordenación.

Answer 1

Puede usar .prependTo() inmediatamente después de reordenar, de la siguiente manera:

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

Puedes verlo funcionar aquí , todo lo que está haciendo es tomar el elemento e insertarlo como el primer elemento secundario en el <ul> , moviéndolo efectivamente hacia la parte superior.

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

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