jquery, déplace un élément interne vers la première position?

Question

Disons que vous avez une liste d'éléments:

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

Toutes les cinq secondes ces éléments de liste se réorganisés.

En utilisant jquery quelle est la meilleure façon de garder #topNumber, en haut de la liste lors de la réorganisation.

Answer 1

Vous pouvez utiliser .prependTo() immédiatement après la nouvelle commande, comme ceci:

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

You can see it working here, tout ce qu'il a fait est de prendre l'élément et l'insérer comme premier enfant sur le <ul>, se déplaçant efficacement à la Haut.

Alternativement lorsque vous triez, utilisez :not() pour exclure en fonction de la façon dont les travaux de tri, par exemple:

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