jquery - jQuery - 次の行に含まれる場合は小見出しを非表示にします

Question

次のすべての行に特定のクラスが含まれている場合、サブヘッダー行を非表示にするにはどうすればよいですか。次の行は、別のサブヘッダーが次に来ると停止します。次のサブヘッダーに対してこれを実行するにはどうすればよいですか?

例: SUBHEADER 2 の行は、次のすべての行に「no」が含まれているため非表示にします。

<table>
<tr class='sub'>
    <td colspan='3'>SUBHEADER 1</td>
</tr>
<tr class='row yes'>
    <td>text</td>
    <td>text</td>
    <td>text</td>
</tr>
<tr class='row no'>
    <td>text</td>
    <td>text</td>
    <td>text</td>
</tr>
<tr class='sub'>
    <td colspan='3'>SUBHEADER 2</td>
</tr>
<tr class='row no'>
    <td>text</td>
    <td>text</td>
    <td>text</td>
</tr>
<tr class='row no'>
    <td>text</td>
    <td>text</td>
    <td>text</td>
</tr>
<tr class='sub'>
    <td colspan='3'>SUBHEADER 3</td>
</tr>
<tr class='row yes'>
    <td>text</td>
    <td>text</td>
    <td>text</td>
</tr>
</table>

• 両方の例をテストしましたが、動作しますが、私の環境では動作しませんでした。その後、間違った例を提供したことに気付き、Gaby と Tats に間違いをお詫びしました。