jquery – 如何遍历特定的表行

2023年6月25日 170次阅读

我有一个表,我有一个jQuery对象,代表表中的一个TD.

我希望能够循环遍历表中的所有行,从jQuery’d 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>

假设我有一个jQuery对象,表示带有H的td：

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

在这种情况下,我想循环最后3行.

那么有一个很好的succint jQuery会给我相当于：

theTD.nextRow_to_lastRow.each(...

最佳答案 像这样的东西？

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

点赞