JSFiddle - React, Tailwind, and code Playground

by Boban Stojanovski

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<div id="container">
  <div class="item">Item 1</div>
  <div class="item">Item 2</div>
  <div class="item">Item 3</div>
  <div class="item">Item 4</div>
</div>

<button id="moveFirst">Move Item 3 to First</button>

JavaScript

$(document).ready(function(){
  $('#moveFirst').click(function(){
    // Move Item 3 to the first position
    $('#container .item').eq(2).prependTo('#container');  // Index 2 is the third element (Item 3)
  });
});