在每个 table 行的特定行 class 之后查找下一行 class

Question

我需要用 jQuery 隐藏未使用的切换按钮。例如仅当 header <tr class="header"> 之后是数据 <tr class="data"> 时才显示切换按钮我有动态填充 table 如下代码所示：

 <table>
  <tr class="header">
    <td><a class="toggle">toggle</a></td>
    <td>Header</td>
  </tr>
  <tr class="data">
    <td></td>
    <td>data</td>
  </tr>
  <tr class="data">
    <td></td>
    <td>data</td>
  </tr>
  <tr class="data">
    <td></td>
    <td>data</td>
  </tr>
  <tr class="header">
    <td><a class="toggle">toggle</a></td>
    <td>Header</td>
  </tr>
  <tr class="header">
    <td><a class="toggle">toggle</a></td>
    <td>Header</td>
  </tr>
  <tr class="data">
    <td></td>
    <td>data</td>
  </tr>
  <tr class="data">
    <td></td>
    <td>data</td>
  </tr>
  <tr class="header">
    <td><a class="toggle">toggle</a></td>
    <td>Header</td>
  </tr>
  <tr class="header">
    <td><a class="toggle">toggle</a></td>
    <td>Header</td>
  </tr>
  <tr class="data">
    <td></td>
    <td>data</td>
  </tr>
</table>

Answer 1

这将隐藏其父行 class header 不在 class data:

行之前的切换按钮

$('.header').each(function() {
  if(!$(this).next().hasClass('data')) {
    $(this).find('.toggle').hide();
  }
});

Fiddle

在每个 table 行的特定行 class 之后查找下一行 class

Find next row class after specific row class in each table rows

javascript

jquery

html-table