JSFiddle - React, Tailwind, and code Playground

by Rapha Souza

HTML

<table class="table table-bordered">
   <thead>
      <tr>
         <th>Usuario</th>
         <th>Valor</th>
         <th>Data Pagamento</th>
         <th>Categoria</th>
         <th>#</th>
      </tr>
   </thead>
   <tboby>
   <tr>
      <td>Gleydson</td>
      <td><input class="form-control" type="text" name="valor"/></td>
      <td><input class="form-control" type="date" name="datapag"/></td>
      <td>
         <select class="form-control">
            <option value="tipo">Tipo 1</option>
            <option value="tipo">Tipo 2</option>
            <option value="tipo">Tipo 3</option>
         </select>
      </td>
      <td> <a href="/nvfinance/payments/register/1" class="btn btn-success">Registrar</a></td>
   </tr>
   <tr>
      <td>EmĂ­lia</td>
      <td><input class="form-control" type="text" name="valor"/></td>
      <td><input class="form-control" type="date" name="datapag"/></td>
      <td>
         <select class="form-control">
            <option value="tipo">Tipo 1</option>
            <option value="tipo">Tipo 2</option>
            <option value="tipo">Tipo 3</option>
         </select>
      </td>
      <td> <a href="/nvfinance/payments/register/2" class="btn btn-success">Registrar</a></td>
   </tr>
   </tbody>
</table>

JavaScript

$('.tabelaAAA tbody tr').each(function(index,tr){
    var tds = $(tr).find('td');
    $(tds).each(function(indexTd,td){
        console.log($(td).text());
    });
});