Angenommen, HTML wie dieser
<ul>
<li>one</li>
<li>two</li>
<li>three</li>
</ul>Wenn also „Zwei“ angeklickt wird, verschiebe es an den Anfang der Liste.
$("li").click(function() {
$(this).parent().prepend($(this));
});Wird für mehrere Listen funktionieren…
Diese Vanilla.js-Version ist nicht viel länger…
Orangen
Birnen
Äpfel
Pfirsiche
Erdbeeren
<
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])
});
}