查找所有下一个类，直到类jquery

Question

我有一张这样的表：

<table>
    <tr class="type_1">
        <td></td>
        <td></td>
    </tr>
    <tr class="type_1">
        <td></td>
        <td></td>
    </tr>
    <tr class="type_2">
        <td></td>
        <td></td>
    </tr>
    <tr class="type_2">
        <td></td>
        <td></td>
    </tr>
    <tr class="type_1">
        <td></td>
        <td></td>
    </tr>
</table>

现在，如果我点击.type_1所有.type_2，直到下一个.type_1，就应该切换。

以下是我尝试的内容：

$(".type_1").click(function() {
    $(this).next(".type_2").toggle();
});

编辑：我也尝试使用.nextAll()，但这会切换所有.type_2只有点击.type_1之后才能切换。

但这只允许我切换遇到的第一个.type_2。 我怎样才能做到这一点？

Answer 1

在这种情况下，您可以尝试nextUntil

https://api.jquery.com/nextUntil/

$(".type_1").click(function() {
    $(this).nextUntil(".type_2").toggle();
});