如果存在匹配的行,则显示表组标题

时间:2015-07-13 15:38:40

标签: javascript jquery

我有一个由表头(例如,日期名称)和值行组成的表。 过滤时,只显示某些值行,我想显示这些行的匹配组标题。

group header [hidden]
data [hidden]
data [hidden]
group header <-- (2) there is a row visible below, therefore show group header
data [hidden]
data [visible] <-- (1) this one is shown, look for the closest group header and show that one
group header <-- (2) there is a row visible below, therefore show group header
data [visible] <-- (1) this one is shown, look for the closest group header and show that one
data [hidden]

查看完整示例: http://jsfiddle.net/wivaku/wLxzbdow/

我正在使用:

$("tr[data-id]:visible").prev(".newDay").css("color","white")

在隐藏不需要的数据行之前可以正常,但在隐藏不需要的数据行之后无法正常工作。它适用于最后一个组,但不适用于所有组标题。

问题:如何显示&#34;分组标题&#34;对于表中的可见数据行(与我的示例中的方法不同)?

1 个答案:

答案 0 :(得分:-1)

首次通过时,所有数据ID行都可见(hide()尚未被调用)。 第二遍时,周一和周二的下一行不可见。

下一个可见行是:

  1. 三(周一第3行)
  2. 四(星期二第2行)
  3. 我的建议是将每个部分分组到一个表中,以便最接近()可能有效。