jquery - 如何使用 jQuery 查找所有下一个元素直到一个或两个元素

Question

我在 jquery 中有这个选择器

$(ptr).nextUntil('tr.item').fadeOut('slow', function() {
            $(this).remove();
        });

但是我想做这样的事情

$(ptr).nextUntil('tr.item' OR 'tr.ptype').fadeOut('slow', function() {
            $(this).remove();
        });

我已经尝试过这个选择器，但它不能按我想要的方式工作:

 $(ptr).nextUntil('tr.item, tr.ptype').fadeOut('slow', function() {
        $(this).remove();
    });

例如，有两种情况，应该删除所有 tr.add_tr 元素，直到找到 tr.item 或 tr.ptype 的重合

CASE 1



<tr class="item"></tr> <!-- i'm here -->
<tr class="add_tr"></tr> <!-- remove it -->
<tr class="add_tr"></tr><!-- remove it -->
<tr class="add_tr"></tr><!-- remove it-->
<tr class="ptype"></tr> <!-- don't remove it-->
<tr class="item"></tr> <!-- don't remove it-->
<tr class="add_tr"></tr> <!-- don't remove it-->
<tr class="add_tr"></tr> <!-- don't remove it-->
<tr class="add_tr"></tr> <!-- don't remove it-->
<tr class="add_tr"></tr> <!-- don't remove it-->
<tr class="add_tr"></tr> <!-- don't remove it-->




CASE 2

<tr class="item"></tr> <!-- i'm here -->
<tr class="add_tr"></tr> <!-- remove it -->
<tr class="add_tr"></tr><!-- remove it -->
<tr class="add_tr"></tr><!-- remove it-->
<tr class="item"></tr> <!-- don't remove it-->
<tr class="add_tr"></tr> <!-- don't remove it-->
<tr class="add_tr"></tr> <!-- don't remove it-->
<tr class="add_tr"></tr> <!-- don't remove it-->
<tr class="add_tr"></tr> <!-- don't remove it-->
<tr class="ptype"></tr> <!-- don't remove it-->
<tr class="item"></tr> <!-- don't remove it-->
<tr class="add_tr"></tr> <!-- don't remove it-->

你能帮我一下吗？

Answer 1

你可以这样使用:

    $(ptr).nextUntil('tr.item, tr.ptype').fadeOut('slow', function() {
        $(this).remove();
    });