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

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