Question

所以基本上我有一个表，并且我正在使用list.js的搜索来搜索表。我还将通过mark.js突出显示结果。您可以在以下链接中看到可用的版本。

<tbody class="list context">
    <tr class="parent">
      <td class="name">Abraham</td>      
      <td class="city foo" data-foo="foo bar">Stockholm</td>
      <td><button class="btn btn-primary" type="button" data-toggle="collapse" data-target="#collapseExample1" aria-expanded="false" aria-controls="collapseExample">+</button></td>
    </tr>
    <tr class="child">
      <td class="collapse" colspan="3" id="collapseExample1">
        foo bar
      </td>
    </tr>
</tbody

CodePen

好的，所以单击按钮可以折叠.child行。现在，当我搜索“亚伯拉罕”时，它将删除相邻的.child行。这是需要发生的事情：给我显示每一个.parent行（如果它与searchinput相匹配），但是即使它与输入不匹配，也不要删除.child。

向我显示每个“父行”，即使它与输入内容不匹配，但折叠的“子行”确实匹配。

仅删除“父母和孩子”，如果两者都不匹配。

我什至不知道我的方法是否是实现此目的的正确方法，它确实感觉很棘手，所以我也愿意接受其他想法。

问候KDB

搜索表而不删除折叠的行

0 个答案: