使用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");

请参阅说明文件