Question

我有一个可过滤的表，其中包含列中的可折叠列表。可折叠包含另一个表。 Sample of the situation.

问题在于，当编写任何内容以仅过滤所需的项时，内部表也会被过滤。有没有办法避免这种情况。

关于如何展示这样的东西的建议也是受欢迎的。

Answer 1

如果您只想从“名称”列中进行过滤，可以尝试在code下方使用：

    $('#filter').keyup(function () {
        var stringValue = $(this).val();
        $("#outer-table tr.row").each( function( index ) {
            $(this).hide();
            $(this).find(".panel-title a:contains("+stringValue+")").parents("tr").show();
        });
    });

编辑：我测试了上面的新代码，它按预期工作。

HTML更改，更容易获得仅每个<tr>属于您的外围表：

将您的外表标记从<tbody class="searchable">更改为此<tbody id="outer-table" class="searchable">

然后为内部表中的每个<tr>添加一个选择器，但在内部表中添加 NOT ，如下所示：

 </tr>
 <tr class="row">
        <td><div id="collapsibleMain2" class="panel-group">

 </tr>
 <!-- and so on -->

有关我上面使用的jQuery函数的更多信息：

删除内部表过滤器引导程序

1 个答案: