jQuery : sélectionner chaque td dans un tr

Question

J'ai besoin d'un moyen d'interagir avec chaque td dans un tr .

Pour préciser, je voudrais accéder à la première ligne du tableau, puis à la première colonne, puis à la deuxième colonne, etc. Puis passer à la deuxième ligne et répéter le processus.

Quelque chose comme ceci (pseudo-code) :

for each row in table
{
  for each column in row
  {
    do cool things
  }
}

jQuery :

$('#tblNewAttendees tr').each(function() {
  alert('tr');
  //Cool jquery magic that lets me iterate over all the td only in this row
  $(magicSelector).each(function(){
    alert('hi');
  });

});

HTML :

<table>
     <thead>
          <th>someHeader</th>
     </thead>
     <tbody>
          <tr>
               <td>want to grab this first</td>
               <td> this second </td>
          </tr>
          <tr>
               <td>this third</td>
               <td>this fourth</td>
          </tr>
     </tbody>
</table>

Answer 1

$('#tblNewAttendees tbody tr).each((index, tr)=> {
        //console.log(tr);
        $(tr).children('td').each ((index, td) => {
            console.log(td);

        }); 

    });

Vous pouvez également utiliser ce paramètre tr et td.