jQuery选择没有类的tr元素

Question

我有以下HTML代码：

   <tr class="rowMain"></tr>  --> if I click on this I should get the 2 <tr> below
   <tr></tr>
   <tr></tr>
   <tr class="rowMain"></tr> --> if I click on this I should get the 3 <tr> below
   <tr></tr>
   <tr></tr>
   <tr></tr>

等等

我要选择的是每个rowMain类之间的<tr>元素？ 什么是最好的方法

我在JQuery中尝试了以下代码：

$('.main').click(function(){
    $(this).nextAll('tr').not('.rowMain');
});

但这是在click元素之后选择All元素的最佳方法是什么？

Answer 1

 $('.rowMain').click(function(){ $(this).nextUntil('.rowMain', 'tr').hide(); }); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <table> <tr class="rowMain"><td>test</td></tr> <tr><td>1</td></tr> <tr><td>1</td></tr> <tr class="rowMain"><td>test2</td></tr> <tr><td>2</td></tr> <tr><td>2</td></tr> <tr><td>2</td></tr> </table>