Javascript 在JQuery中从当前筛选到结束

Javascript 在JQuery中从当前筛选到结束,javascript,jquery,Javascript,Jquery,如何在JQuery中从当前元素到最后过滤结果 有一些过滤器: 开放的 封闭的 有些东西 完成 例如,我需要将这些行从“关闭”显示为“完成”,包括它们之间的所有行,按过滤器顺序显示,行按随机顺序显示: <tr class='row' data-row-choice="Opened"> <tr class='row' data-row-choice="Closed"> <tr class='row' data-row-choice="SomethingElse"&g

如何在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">

我无法理解这一行动的逻辑

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

您需要使用和属性等于选择器以及
.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();
使用


签出下面的小提琴例子

`http://jsfiddle.net/n38emL5m/`

如果显示了所有这些行,然后我想显示从“Closed”到“Finished”的行,那么我必须在第一行答案之前使用“$(“.row”).hide()?
`http://jsfiddle.net/n38emL5m/`