如何选择所有下一堂课直到最后一堂课并隐藏？

Posted 2023-05-09

【中文标题】如何选择所有下一堂课直到最后一堂课并隐藏？

【英文标题】：How to select all next classes until last class and hide?

【发布时间】：2014-12-05 16:19:31

【问题描述】：

考虑以下部分表结构：

<tr id="TEAM00349" class="trheader darker-header" data-open="false">
    <td rowspan="6">
        <h5>
            <b>
        </h5>
    </td>
</tr>
<tr class="org" style="display: table-row;">
    <td>
    <td>288</td>
    <td>193</td>
    <td></td>
    <td></td>
    <td>137</td>
    <td>71</td>
    <td>55</td>
    <td>12</td>
</tr>
<tr class="org" style="display: table-row;">
    <td>
    <td>20</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
</tr>
<tr class="org" style="display: table-row;">
    <td>
    <td>10</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
</tr>
<tr style="display: table-row;">
    <td rowspan="6">  A0201486: sibongile Madonda</td>
    <td>
    <td>173</td>
    <td>173</td>
    <td></td>
    <td></td>
    <td>117</td>
    <td>58</td>
    <td>45</td>
    <td>10</td>
</tr>
<tr style="display: table-row;">
    <td>
    <td>20</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
</tr>
<tr style="display: table-row;">
    <td>
    <td>10</td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
    <td></td>
</tr>

我已经尝试过：

$("#"+obj.org_id).next("tr.org").nextUntil('tr.trheader' ).eq(-1).css("display": "none");

其中 org_id 是顶行的id：

<tr id="TEAM00349" class="trheader darker-header" data-open="false">

我是不是想把事情复杂化（我有这样做的倾向）？ 选择所有 tr 和 class='org' 直到最后一个 org 类并隐藏该类的行的最佳方法是什么？

【问题讨论】：

只用类 org 隐藏行不够吗？

所以如果我继续......因为我不清楚 atm 你想要：隐藏所有tr和.org 除了最后一个.org 课程？该表是由 php 创建的？还是硬编码在html 文件中？

@j08691 我不想隐藏所有 org 类的行，因为在表格的下方可能还有 org 类的行，我不想隐藏。

所以你只想隐藏第一组具有 org 类的连续行？

@Sebastien.Beaulieu 我想隐藏所有tr 和.org 用于该组织ID...数据由python 生成:)，然后我使用一些模板来创建表

【参考方案1】：

试试：

$("#"+obj.org_id).next("tr.org").addBack().nextUntil(":not('tr.org')").hide()

【参考方案2】：

试试这个：

$("#"+obj.org_id).nextUntil('tr.trheader', "org" ).css("display": "none");

【讨论】：

是的，忘记了参数尝试编辑版本