使用JavaScript jQuery遍歷表行

Question

我有一個表格，格式如下：

<table>
    <tbody>
        <tr class="node">
            <td onclick='toggleDesc(this.parentNode);'>blah</td>
        </tr>
        <tr class="subnode">
            <td>sblah</td>
        </tr>
        <tr class="subnode">
            <td>sblah</td>
        </tr>
        <tr class="subnode">
            <td>sblah</td>
        </tr>
        <tr class="node">
            <td onclick='toggleDesc(this.parentNode);'>blah</td>
        </tr>
        <tr class="subnode">
            <td>sblah</td>
        </tr>
        <tr class="subnode">
            <td>sblah</td>
        </tr>
    </tbody>
</table>

我還有一個函數，可以根據其上方.node的TD來切換.subnode類的顯示。 該函數如下所示：

function toggleDesc(item) {
    var descRow = item.nextElementSibling;
    $(descRow).toggleClass("descDisplay");
}

但是，上面的函數僅切換其遇到的第一個.subnode的顯示。 有誰知道如何.toggleClass每個.subnode后.node ，直到下一個.node被擊中？

Answer 1

使用nextUntil() ：

$(item).nextUntil('tr.node').toggleClass("descDisplay");

請參閱說明文件