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

Select all HTML table rows between two particular rows

本文关键字：之间 表行 HTML 两个 选择      更新时间：2023-09-26

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

您可以使用nextUntil方法:

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

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

相关文章：