JSFiddle - React, Tailwind, and code Playground

by Rayon Dabre

HTML

<input type="text" name="myField['item_name'][]"> // index 0
<input type="text" name="myField['item_qty'][]"> // index 0

<input type="text" name="myField['item_name'][]"> // index 1
<input type="text" name="myField['item_qty'][]"> // index 1

<input type="text" name="myField['item_name'][]"> // index 2
<input type="text" name="myField['item_qty'][]"> // index 2

JavaScript

$(document).on('focus', '[name="myField[\'item_name\'][]"]', function() {
  alert($('[name="myField[\'item_name\'][]"]').index(this))
});

$(document).on('focus', '[name="myField[\'item_qty\'][]"]', function() {
  alert($('[name="myField[\'item_qty\'][]"]').index(this))
})