在JQuery中从当前到结尾过滤

时间:2015-02-23 11:38:51

标签: javascript jquery

如何在JQuery中将结果从当前元素过滤到最后?

有一些过滤器:

  • 打开;

  • 闭;

  • SomethingElse;

  • 成品;

例如,我需要将这些行显示为“已关闭”状态。 to' Finished',包括他们之间的所有过滤顺序,行按随机顺序排列:

<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">

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

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

3 个答案:

答案 0 :(得分:2)

您需要使用.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

答案 1 :(得分:0)

使用.nextUntil()

$(".row[data-row-choice='Closed']").nextUntil(".row[data-row-choice='Finished']").show();

答案 2 :(得分:0)

在小提琴示例下面结帐

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