jquery - 如何循环遍历特定的表行

Question

我有一个表，并且有一个代表表中 TD 之一的 jQuery 对象。

我希望能够循环遍历表中的所有行，从我的 jQuery TD 所在行的下一行开始一直到末尾。

所以如果我有一个像这样的表:

<table>
  <tr><td>A</td><td>B</td><td>C</td></tr>
  <tr><td>D</td><td>E</td><td>F</td></tr>
  <tr><td>G</td><td>H</td><td>I</td></tr>
  <tr><td>J</td><td>K</td><td>L</td></tr>
  <tr><td>M</td><td>N</td><td>O</td></tr>
  <tr><td>P</td><td>Q</td><td>R</td></tr>
</table>

假设我有一个代表 td 的 jQuery 对象，其中包含一个 H:

var theTD = $(...the H cell...);

在本例中，我想循环遍历最后 3 行。

那么有没有一个简洁的 jQuery 片段可以给我相当于:

theTD.nextRow_to_lastRow.each(...

Answer 1

有这样的事吗？

var td = $('td:contains("H")');

var tr = $('tr').length;
for(i= td.parent().index()+1; i < tr;i++){
   $.each($('tr:eq('+i+') td'),function(){
      console.log($(this).text());
   });
}

检查demo 在控制台