Javascript 如何在使用jquery隐藏的表中显示具有类名的下一行

单击mainlevel时，请让我知道如何从下一个子级别删除类隐藏。它不应该从mainlevel旁边的其他子级别删除隐藏类。请检查以下表格结构：

<table>
    <tbody>
        <tr>
            <td>
                <a class="mainlevel">
            </td>
        </tr>
        <tr>
            <td>
                <a class="hide sublevel">
            </td>
        </tr>
        <tr>
            <td>
                <a class="hide sublevel">
            </td>
        </tr>
        <tr>
            <td>
                <a class="mainlevel">
            </td>
        </tr>
        <tr>
            <td>
                <a class="hide sublevel">
            </td>
        </tr>
    </tbody>
</table>

---

如果正确解释问题，尝试使用

.nextest（）

选择单击元素的父元素，

.nextUntil（）

，

：has（）

选择

tr

元素，直到下一个

mainlevel

，

。find（）

选择

。隐藏
元素，
。切换（）
切换
以切换
隐藏
元素的显示


$（“.mainlever”）。单击（函数（）{
$（this）.closest（“tr”）.nextUntil（“tr:has（.mainlevel）”）.find（.hide”）.toggle（）
})
.hide{
显示：无；
}

点击
A.
B
点击
C
您能否向父级
tr
添加一个额外的类，该父级具有
mainlevel
类？