JSFiddle - React, Tailwind, and code Playground

by Diego Marques

HTML

<table>
  <tbody>
    <tr style="display:none">
      <td>Teste</td>
      <td>Teste</td>
      <td>Teste</td>
    </tr>
    <tr>
      <td>Teste</td>
      <td>Teste</td>
      <td>Teste</td>
    </tr>
    <tr style="display:none">
      <td>Teste</td>
      <td>Teste</td>
      <td>Teste</td>
    </tr>
    <tr>
      <td>Teste</td>
      <td>Teste</td>
      <td>Teste</td>
    </tr>
    <tr class="ux-select">
      <td>Teste</td>
      <td>Teste</td>
      <td>Teste</td>
    </tr>
    <tr style="display:none">
      <td>Teste</td>
      <td>Teste</td>
      <td>Teste</td>
    </tr>
  </tbody>
</table>
<p>índice: <span id="result"></span></p>

JavaScript

var index = $('table tbody tr:visible.ux-select').prevAll(':visible').length + 1;
$('#result').html(index);