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

用户名

请让我知道如何在单击主级别时从nextall子级别中删除类隐藏。它不应从与主级别相邻的其他子级别中删除隐藏类。请检查以下表格结构：

<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>

来宾271314

如果正确解释问题？，尝试使用.closest()以选择点击的元素的父，.nextUntil()，:has()以选择tr元素，直到下一个mainlevel，.find()以选择.hide的元素，.toggle()以切换显示hide元件

$(".mainlevel").click(function() {
  $(this).closest("tr").nextUntil("tr:has(.mainlevel)").find(".hide").toggle()
})

.hide {
  display:none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table>
    <tbody>
        <tr>
            <td>
                <a class="mainlevel">click</a>
            </td>
        </tr>
        <tr>
            <td>
                <a class="hide sublevel">a</a>
            </td>
        </tr>
        <tr>
            <td>
                <a class="hide sublevel">b</a>
            </td>
        </tr>
        <tr>
            <td>
                <a class="mainlevel">click</a>
            </td>
        </tr>
        <tr>
            <td>
                <a class="hide sublevel">c</a>
            </td>
        </tr>
    </tbody>
</table>

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。