JSFiddle - React, Tailwind, and code Playground
HTML
<body>
<ul>
<li>
<a href="#" data-pageindex="1">1</a>
</li>
<li>
<a href="#" data-pageindex="2">2</a>
</li>
<li>
<a href="#" data-pageindex="3">3</a>
</li>
</ul>
JavaScript
$("ul > li").each(function(){
$(this).find("a").data();
$(this).click(function(){
alert($(this).find("a").data().pageindex);
// do your stuff
})
});