jquery,将内部元素移动到第一个位置？

Question

假设您有一个项目列表:

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

这些列表项每五秒钟重新排序一次.

使用jquery是最好的方法#topNumber,在重新排序期间保持在列表的顶部.

Answer 1

您可以.prependTo()在重新订购后立即使用,如下所示:

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

你可以看到它在这里工作,它正在做的就是把元素作为第一个孩子插入元素<ul>,有效地将它移到顶部.

或者,在排序时,:not()根据排序的工作方式使用它来排除它,例如:

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