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

【问题标题】：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 生成:)，然后我使用一些模板来创建表

标签： jquery jquery-selectors hide html-table

【解决方案1】：

试试：

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

【讨论】：

【解决方案2】：

试试这个：

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

【讨论】：

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