JSFiddle - React, Tailwind, and code Playground

HTML

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

JavaScript

$(".moveUp").click(function () {
    var $parent = $(this).parent();
    $parent.prev().before($parent);
});
$(".moveDown").click(function () {
    var $parent = $(this).parent();
    $parent.next().after($parent);
});