JSFiddle - React, Tailwind, and code Playground

by kairavthakar2016

HTML

<ul class="page-selector-list">
     <li class="page-selector-item-first inactive"><a href="#">First</a></li>
     <li class="page-selector-item-previous inactive"><a href="#">Previous</a></li>
     <li><a class="page-selector-item-link active" data-offset="0" data-itemnumber="1" href="#">1</a></li>
     <li><a class="page-selector-item-link " data-offset="10" data-itemnumber="2" href="#">2</a></li>
     <li><a class="page-selector-item-link " data-offset="20" data-itemnumber="3" href="#">3</a></li>
     <li><span class="page-selector-more">...</span></li>
     <li><a class="page-selector-item-link " data-offset="2020" data-itemnumber="203" href="#">203</a></li>
     <li class="page-selector-item-next"><a href="#">Next</a></li>
     <li class="page-selector-item-last"><a href="#">Last</a></li>
  </ul>

JavaScript

$(document).ready(function(){
       $('ul.page-selector-list li a').each( function(){
          var pageText = $(this).text();
          $(this).attr('aria-label', 'click here for '+ pageText);
        });
     });