javascript - 在 JQuery 中从当前过滤到末尾

Question

如何在 JQuery 中过滤从当前元素到末尾的结果？

有一些过滤器:

• 打开；

• 关闭；

• 其他;

• 完成；

例如，我需要这些行从“已关闭”到“已完成”显示，包括它们之间按过滤器顺序排列的所有行，这些行以随机顺序排列:

<tr class='row' data-row-choice="Opened">
<tr class='row' data-row-choice="Closed">
<tr class='row' data-row-choice="SomethingElse">
<tr class='row' data-row-choice="Opened">
<tr class='row' data-row-choice="Finished">

我无法理解此操作的逻辑。

编辑:为我的问题添加了一些解释。

Answer 1

您需要使用 .nextUntil()和属性等于选择器以及 .addSelf() 和 .add() 用于添加开始和结束元素:

$('[data-row-choice="Closed"]')
  .nextUntil('[data-row-choice="Finished"]')//gets all inbetween element
     .andSelf()//add start element
       .add('[data-row-choice="Finished"]')//add end element
         .show();

Working Demo