jQuery organizuje kolejność li klikając na link

Musisz zmienić pozycję li, klikając, aby przejść w górę lub w dół.

<code><div>
  <ul>
    <li>Item1  <a class="moveUp">Move Up</a> <a class="moveDown">Move Down</a></li>
    <li>Item2  <a class="moveUp">Move Up</a> <a class="moveDown">Move Down</a></li>
    <li>Item3  <a class="moveUp">Move Up</a> <a class="moveDown">Move Down</a></li>
    <li>Item4  <a class="moveUp">Move Up</a> <a class="moveDown">Move Down</a></li>
    <li>Item5  <a class="moveUp">Move Up</a> <a class="moveDown">Move Down</a></li>
  </ul>
</div>
</code>

Więc co powinno się tutaj stać, na przykład, jeśli klikniemy Przenieś w górę na przedmiocie 2, przedmiot 2 przesunie się w górę przed pozycją 1.

Próbowałem to zrobić, ale to nie działa:

<code>$(".moveUp").click(function () {
    var thisLine = $(this).parent();
    var prevLine = thisLine.prev();
    prevLine.insertAfter(thisLine);
});
</code>

Mam nadzieję, że ktoś może mi pomóc...

questionAnswers(5)

yourAnswerToTheQuestion