是否隐藏筛选器上的特定表行？

Question

我目前正在处理JS/jQuery/PHP，并编写了以下代码：

http://cole.quinnchrzan.com/tv

我希望进一步利用JS/jQuery来隐藏td的所有父代(tr)，当我运行搜索查询时，这些父代(Tr)不是由可见行直接进行的(这会隐藏所有没有找到搜索字符串的行)。更简单地说，我希望在执行搜索时隐藏表中无关的时间行。目前，我将筛选函数设置为仅搜索没有colspan属性的表格单元格(即，而不是时间单元格)。这意味着所有时间行都将始终可见。

对于懒人，下面是我的搜索函数：

function filter(selector, query) {
    query = $.trim(query);
    query = query.replace(/ /gi, '|');

    $(selector).children('td:not([colspan])').each(function() {
        ($(this).parent().text().search(new RegExp(query, "i")) < 0) ? $(this).parent().hide() : $(this).parent().show();
    });
}

Answer 1

$('td[colspan]:visible').parent().each(function() {
    if($(this).siblings().first().children('td[colspan]').length > 0) {
        $(this).toggle();
    }
});