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

Question

我有一个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).next('tr')循环遍历行，直到到达departmentTotals类，但是否有简单的选择器可以实现这个功能呢？

- user1634700

Answer 1

您可以使用nextUntil方法：

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

- Ram

Answer 2

你可以给想要切换的行添加一个类，然后创建一个函数，在单击顶部行时向所有 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>

然后设置一个类似于这篇文章中所做的切换函数：Javascript toggle visibility multiple divs

- John Karasinski