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

Answer 1

您可以使用nextUntil方法：

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

Answer 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

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

2 个答案: