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