如何選擇所有下一個課程直到上一堂課並隱藏？

Question

考慮以下部分的表結構：

<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類，並隱藏與該類的行？

Answer 1

嘗試：

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

Answer 2

試試這個：

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