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…
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])
});
}