JSFiddle - React, Tailwind, and code Playground

HTML

<pre>0</pre>
<input type="text"><input type="text"><input type="text"><input type="text"><input type="text">
<div><input type="text"><input type="text"><input type="text"><input type="text"><input type="text"></div>
<div><input type="text"><input type="text"><input type="text"><input type="text"><input type="text"></div>
<div><input type="text"><input type="text"><input type="text"><input type="text"><input type="text"></div>
<div><input type="text"><input type="text"><input type="text"><input type="text"><input type="text"></div>
<input type="checkbox"><input type="checkbox"><input type="checkbox"><input type="checkbox">

JavaScript

$(document).on('click', 'input', function(e){
  var index = $('input').index(e.target)
  $('pre').html(index)
})