Question

我正在创建一个包含3列的表，第一个是客户名称，然后是一个触发第三列中表格的可见性的按钮，第三列包含一个包含用户电话的表格历史。

我已成功为第一列创建了一个过滤器，以切换第二个表的可见性。但是，当同时过滤和切换时，第二个表的行不会显示。

HERE您可以看到我的代码示例。

HTML基本代码：

goToDetails(id: number): void {
    this.router.navigate ( [ '/details', { id: id } ] );
}

JS代码：

<table id='table1'>
  <tr>
    <th>titulo1</th>
    <th>titulo2</th>
  </tr>
  <tr>
    <td>texto1</td>
    <td>
      <table id='table2'>
        <tr>
          <th>titulo1</th>
          <th>titulo2</th>
        </tr>
        <tr>
          <th>data1</th>
          <th>data2</th>
        </tr>
      </table>
    </td>
  </tr>
</table>

Answer 1

事实证明，在过滤功能中，隐藏td的周期不仅会影响同一级别的人，也会影响所有低于父级的人。

我添加了第二行

td = tr[i].getElementsByTagName("td")[0];
if(td.parentElement.parentElement.parentElement.id != 'table1'){continue;}

获取元素以检查其父元素后，如果不是我要查找的元素，请跳过它。

HTML表子级过滤器

1 个答案: