Menu
Lets say you have a list of items:
<ul id="ImportantNumbers">
<li id="one"></li>
<li id="two"></li>
<li id="topNumber"></li>
<li id="four"></li>
</ul>
Every five seconds these list items get reordered.
Using jquery whats the best way to keep #topNumber, at the top of the list during the reordering.
872
All you have to do is select the element(s) you want to move, then call an “adding” method such as append() , appendTo() or prepend() to add the selected elements to another parent element. jQuery automatically realises that the element(s) to add already exist in the page, and it moves the element(s) to the new parent.
The prepend() method inserts specified content at the beginning of the selected elements. Tip: To insert content at the end of the selected elements, use the append() method.
Answer: Use the jQuery . appendTo() Method You can use the jQuery . appendTo() method to move an element into another element.
You can use .prependTo() immediately after the re-order, like this:
$("#topNumber").prependTo("#ImportantNumbers"); You can see it working here, all it's doing is taking the element and inserting it as the first child on the <ul>, effectively moving it to the top.
Alternatively when you sort, use :not() to exclude it depending on how the sorting works, for example:
$("#ImportantNumbers li:not(#topNumber)").randomize(); If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
