javascript - jQuery:选择 tr 中的每个 td

Question

我需要一种方法来与 tr 中的每个 td 元素进行交互。

具体来说，我想访问表的第一行，然后是第一列，然后是第二列，依此类推。然后移动到第二行并重复该过程。

像这样的东西(伪代码):

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

您可以在 TR 循环中简单地执行以下操作:

$(this).find('td').each (function() {
  // do your cool stuff
});