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>

我还有一个函数可以根据.subnode以上.node的TD来切换function toggleDesc(item) { var descRow = item.nextElementSibling; $(descRow).toggleClass("descDisplay"); }类的显示。该函数如下所示：

.subnode

但是，上面的功能只会切换它遇到的第一个.toggleClass的显示。有没有人知道.subnode之后的.node如何.node，直到下一个{{1}}被击中？

Answer 1

使用nextUntil()：

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

请参阅Documentation

表行遍历JavaScript jQuery

1 个答案: