使用JavaScript jQuery进行表行遍历

我有一个如下格式的表格：

<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

之前，在

.node

之后为每个

.subnode

切换类。

使用

nextUntil（）

：

---

请参见

完美，这样就可以了。不知道

.nextUntil

方法。谢谢最后我使用了类似于

$（item）.nextUntil（.node，.subnode”）.toggleClass（“descDisplay”）

。在这种情况下，nextUntil（'tr.node'）

就可以了。

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

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