如何在表中顯示使用類名隱藏的下一行

Question

請讓我知道如何在單擊主級別時從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>

Answer 1

如果正確解釋問題？ ，嘗試使用.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>