Question

我需要使用jQuery隐藏未使用的切换按钮。例如仅在标题<tr class="header">下面是数据<tr class="data">之后显示切换按钮我有动态填充表，如下面的代码：

 <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

这会隐藏切换按钮，其中类header的父行不会在行data的行之前：

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

Fiddle

在每个表行中的特定行类之后查找下一个行类

1 个答案: