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