jquery在tr中选择每个td

Question

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

详细说明,我想访问第一个表行,然后是第一列,然后是第二列,等等.然后移动到第二行并重复该过程.

就像是:

伪代码:

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
});                          

Answer 2

您根本不需要jQuery选择器.您已经通过cells属性引用了每行中的单元格.

$('#tblNewAttendees tr').each(function() {

    $.each(this.cells, function(){
        alert('hi');
    });

});

利用已有的集合比通过DOM选择创建新集合更有效.

在这里,我使用了jQuery.each()^(docs)方法,它只是迭代和枚举的通用方法.

Answer 3

你$(magicSelector)可以$('td', this).这将抓住所有td孩子this,在你的情况下是每个孩子tr.这和做的一样$(this).find('td').

$('td', this).each(function() {
// Logic
});

Answer 4

扩展'each'函数上方的答案将返回table-cell html对象.在$()中包装然后允许你对它执行jquery操作.

$(this).find('td').each (function( column, td) {
  $(td).blah
});