JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="list">
    <li data-position="0">0</li>
    <li data-position="1">1</li>
    <li data-position="2">2</li>
    <li data-position="3">3</li>
    <li data-position="4">4</li>
</ul>

<ul class="pagination">
    <a href="#" data-position="0">0</a>
    <a href="#" data-position="1">1</a>
    <a href="#" data-position="2">2</a>
    <a href="#" data-position="3">3</a>
    <a href="#" data-position="4">4</a>
</ul>

<div id="teste"></div>

JavaScript

$(function(){
    
    $('.pagination').find('a').click(function(e){
        
        e.preventDefault();
      
        var pos = $(this).data('position');
        
        var $list = $('.list').find('li');
        
        $list
         .filter('[data-position='+pos+']')
         .insertAfter($list.first());
        
        
        
        
      
    })

});