Assuming HTML like this:
<ul> <li>one</li> <li>two</li> <li>three</li> </ul>So if “Two” is clicked, move it to the top of the list.
$("li").click(function() { $(this).parent().prepend($(this)); });Will work for multiple lists…
Move Clicked List Items To Top Of List
Chris Coyier on
This vanilla.js version isn’t much longer…
oranges
pears
apples
peaches
strawberries
<
script type=”text/javascript”>
var list = document.getElementById(“fruits”).childNodes;
for (var i = 0; i < list.length; i++) {
list[i].addEventListener(“click”,
function() {
fruits.insertBefore(this, fruits.childNodes[0])
});
}