JSFiddle - React, Tailwind, and code Playground

by Filipe Augusto Lima de Souza

HTML

<img class="thumb" src="#" data-index='0' id='thumb_0'/>
<img class="thumb" src="#" data-index='1' id='thumb_1'/>
<img class="thumb" src="#" data-index='2' id='thumb_2'/>
<img class="thumb" src="#" data-index='3' id='thumb_3'/>

JavaScript

$(document).ready(function() {
    $('.thumb').click(function(e){
          current_thumb_by_data = $(this).data('index');
        current_thumb_by_id = $(this).attr('id').split('_')[1];
        alert(current_thumb_by_data);
        alert(current_thumb_by_id);
    });
});