Javascript 选择两个特定行之间的所有HTML表格行

我有一个HTML表，其中有如下行：

<tr class='department'><td>...</td><td>...</td></tr>
<tr><td>..</td><td>..</td></tr>
<tr><td>..</td><td>..</td></tr>
<tr><td>..</td><td>..</td></tr>
<tr><td>..</td><td>..</td></tr>
<tr class='departmentTotals'><td>...</td><td>...</td></tr>

。。。。。。
....
....
....
....
......

我想在单击顶行时切换中间的四行

---

现在我想我可以使用

$（this）在行中循环。接下来（'tr'）

，直到到达

部门总计

类，但是有一个简单的选择器吗？

您可以使用

下一步

方法：

$(this).nextUntil('.departmentTotals') 

---

您可以将一个类添加到要切换的行中，然后创建一个函数，在单击顶行时将隐藏类添加/删除到所有TR中

<tr class='department'><td>...</td><td>...</td></tr>
<tr class='toggle'><td>..</td><td>..</td></tr>
<tr class='toggle'><td>..</td><td>..</td></tr>
<tr class='toggle'><td>..</td><td>..</td></tr>
<tr class='toggle'><td>..</td><td>..</td></tr>
<tr class='departmentTotals'><td>...</td><td>...</td></tr>

。。。。。。
....
....
....
....
......

然后设置一个类似于本文所述的切换功能：