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>

JavaScript

$(function(){
    var list = $(".list li");
    var newList = new Array();
    
    $(".pagination a").bind("click", function(){
        var pageSelected = $(this);
        var afterPage = list.slice(pageSelected.data("position") - 1,list.length);
        var beforePage = list.slice(0, pageSelected.data("position") - 1);
        
        afterPage.each(function(a,b){
            newList.push(b);
        });
        
        beforePage.each(function(a,b){
            newList.push(b);
        });
        
        $(".list").append(newList);
    });
});