JSFiddle - React, Tailwind, and code Playground
by Anu Vidhya
HTML
<ul id="test">
<li class="getindex"><div class="datas">
Item1
</div></li>
<li class="getindex"><div class="datas">
Item2
</div></li>
<li class="getindex"><div class="datas">
Item3
</div></li>
<li class="getindex"><div class="datas">
Item4
</div></li>
</ul>
<input type="button" class="getItem"/>JavaScript
$(document).ready(function(){
var indx;
$('body').on('click','.getindex',function(){
indx = $(this).index();
console.log(indx);
});
$('.getItem').click(function(){
console.log($('#test li:eq('+indx+')').find('div.datas').text());
});
});