使用 jquery 仅选择按钮前带有某个类的

我有这个 html 标记，我想使用 jQuery 选择一些行。

当按下“cerrar”类的按钮时，我想选择3 tr 在同一个按钮之前有类“hidden”

 <tr class='main'>
            <td class='table-sub-title'> 
                Test
            </td>
            <td class='table-sub-title'>
                Test
            </td>
            <td class='table-sub-title'>
                Test
            </td>
            <td class='table-sub-title'>
                Test
            </td>
        </tr>
        <tr class='hidden'> <!-- ********* Select this <tr> ********* -->
            <td class='noborder'>
                Test
            </td>
            <td class='noborder'>
                Test
            </td>
            <td class='noborder'>
                Test
            </td>
            <td class='noborder'>
                Test
            </td>
        </tr>
        <tr class='hidden'> <!-- ********* Select this <tr> ********* -->
            <td class='noborder'>
                Test
            </td>
            <td class='noborder'>
                Test
            </td>
            <td class='noborder'>
                Test
            </td>
        </tr>
        <tr class='hidden'> <!-- ********* Select this <tr> ********* -->
            <td class='noborder'>
                Test
            </td>
            <td class='noborder'>
                Test
            </td>
            <td class='noborder'>
            </td>
            <td class='noborder'>
                <input type='button' name='Cancelar' value='Cancelar' class='cerrar' />
            </td>
        </tr>
        <tr class='main'>...
    <!-- Repeat -->

你可以这样做：

$('.cerrar').click(function(){

    // Get all the tr's with hidden class before button
    var TRs = $(this).closest('tr').prevUntil("tr.main").andSelf();

});