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

【问题标题】：Select all HTML table rows between two particular rows选择两个特定行之间的所有 HTML 表格行
【发布时间】：2014-04-21 06:52:20
【问题描述】：

我有一个 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 类，但是有一个简单的选择器吗？

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

你可以使用nextUntil方法：

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

【讨论】：

【解决方案2】：

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

<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

【讨论】：