JSFiddle - React, Tailwind, and code Playground
HTML
<div class="se-btn-list">
<ul>
<li></li>
<li><button class="ora-msg-1">
More info
</button></li>
<li></li>
<li><button class="ora-msg-1">
More info
</button></li>
</ul>
</div>
<div class="se-btn-list">
<ul>
<li></li>
<li><button class="ora-msg-1">
More info
</button></li>
<li></li>
<li><button class="ora-msg-1">
More info
</button></li>
</ul>
</div>
<div class="se-btn-list">
<ul>
<li></li>
<li><button class="ora-msg-1">
More info
</button></li>
<li></li>
<li><button class="ora-msg-1">
More info
</button></li>
</ul>
</div>
JavaScript
var buttons = $('.se-btn-list').find('.ora-msg-1');
var btncount = $('.ora-msg-1').length;
var groups = $('.se-btn-list').length;
buttons.click(function() {
var selectedGroup = $(this).parents('.se-btn-list').index();
var selectedIndex = buttons.index($(this));
var selectedBtn = selectedIndex - (selectedGroup * (btncount/groups))
console.log(selectedIndex + ' : ' + selectedGroup + ' : ' + selectedBtn);
});