JSFiddle - React, Tailwind, and code Playground

HTML

<div class="jumpTo">
    <span>Jump to: </span>
    
</div>
<div class="backTo">
    <span>Back to: </span>
</div>

CSS

.jumpTo{
    padding:4px;
    background:#109BEF;
}

.backTo{
    padding:4px;
    background:#aa0000;
    margin-top:10px;
}
.number{
    color:#fff;
    padding:3px 6px;
    cursor:pointer;
}

JavaScript

$( document ).ready(function() {
    $(".jumpTo span, .backTo span").after('<span class="number">1</span><span class="number">2</span><span class="number">3</span><span class="number">4</span>')
    
    $(document).on("click", ".jumpTo .number", function(){
        console.log("Jump");
    });
    
    $(".backTo ").on("click", ".number", function(){
        console.log("Back");
    });
    
});