JSFiddle - React, Tailwind, and code Playground

HTML

<div class="containerExample">
<a href="#"><img src="icon2.png" id="icon-2"></a> |
<a href="#"><img src="icon3.png" id="icon-3"></a> |
<a href="#"><img src="icon4.png" id="icon-4"></a> |
</div>

JavaScript

var icon_num = null;  // empty select

$('div.containerExample a').bind('click', function(ev) {

   ev.stopPropagation();

   icon_num = $(this).find('>img').attr('id').split('-')[1];

   alert(icon_num);
   
   return false;

});