jQuery:获取 div 可重复类的范围

Question

我对默认 html 表有一个基本的想法，它可以有父行和子行。 HTML 将如下所示:

<table>
 <thead>
  <tr>
   <th></th>
  </tr>
 </thead>
 <tbody>
  <tr class="parent row">
   <td></td>
  </tr>
  <tr class="child row">
   <td></td>
  </tr>
  <tr class="child row">
   <td></td>
  </tr>
  <tr class="row">
   <td></td>
  </tr>
  <tr class="row">
   <td></td>
  </tr>
  <tr class="row">
   <td></td>
  </tr>
  <tr class="parent row">
   <td></td>
  </tr>
  <tr class="child row">
   <td></td>
  </tr>
  <tr class="child row">
   <td></td>
  </tr>
 </tbody>
</table>

可折叠的“父”行和“子”行之间可以有任意数量的“行”。问题是，如何获取所需父行的子行范围，以便正确操作它们？

JSFiddle(如果需要):http://jsfiddle.net/DcQ8P/

Answer 1

突然这个想法出现在我的脑海中，使用这段代码，

$('tr.parent.row').click(function(){
    $(this).nextUntil('.row:not(.child)').toggle();
});

DEMO

注意:使用此代码，但不要忘记查看此代码使用的所有功能的文档。