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");

You can see it working here，它正在做的就是将元素作为第一个孩子插入<ul>，有效地将其移到顶部。

或者，在排序时，使用:not()排除它，具体取决于排序的工作方式，例如：

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