JSFiddle - React, Tailwind, and code Playground

HTML

<table class="linksList">
  <tbody>
    <tr>
      <td>test1</td>
      <td>test2</td>
      <input type="hidden" name="name[0]abc">
      <input type="hidden" name="name[0]def">
      <input type="hidden" name="name[0]gh1">
    </tr>
    <tr>
      <td>test1</td>
      <td>test2</td>
      <input type="hidden" name="name[1]abc">
      <input type="hidden" name="name[1]def">
      <input type="hidden" name="name[1]gh1">
    </tr>
    <tr>
      <td>test1</td>
      <td>test2</td>
      <input type="hidden" name="name[2]abc">
      <input type="hidden" name="name[2]def">
      <input type="hidden" name="name[2]gh1">
    </tr>
  </tbody>
</table>

JavaScript

//Loop through table rows
//get all hidden fields for each row
// update index value inside name[index] in sorted order
// like all hidden fields with name[0] in first row name[1] for second row etc
function updateHyperlinkIndexes() {
  var linksList = document.querySelector('.links-list tbody');
  for (var i = 1; i < linksList.children.length; i++) {
    var trContent = linksList.children[i];
    for (var i = 0; i < trContent.children.length; i++) {
      if (trContent.children.item(i).type && trContent.children.item(i).type === "hidden") {
        var cellName = trContent.children.item(i).name;
        trContent.children.item(i).name = cellName.replace(/[.*]/, i);
      }
    }
  }
  return linksList;
};

var updatedHtml = updateHyperlinkIndexes();