Jquery, переместите внутренний элемент в первую позицию?

Допустим, у вас есть список предметов:

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

Каждые пять секунд эти элементы списка получаются переупорядоченными.

Используя jquery, лучший способ сохранить #topNumber в верхней части списка во время переупорядочения.

Ответы

Ответ 1

Вы можете использовать .prependTo() сразу после повторного заказа, например:

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

Вы можете видеть, что он работает здесь, все, что он делает, - это взять элемент и вставить его в качестве первого дочернего элемента <ul>, эффективно перемещая его вверх.

В качестве альтернативы при сортировке используйте :not(), чтобы исключить его в зависимости от того, как работает сортировка, например:

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