Question

我目前正在开发一种工具，可以在不同的表格中显示大量数据。必须将来自一个表的不同数据量多次分配到另一个表中。这个视图需要大约20秒才能加载，我希望通过操作DOM来减少时间，而不是在PHP中分配每个匹配。我想在第一个表中隐藏一些标识符，然后单击一行，在下一个元素中显示其他数据。

以下是表格之前的示例：

<table>
    <tr>
        <th>Name</th>
    </tr>
    <tr class="iWantToClickThis">
        <td>Bla Bla</td>
        <td style="visibility:hidden;">3,5</td>
    </tr>
</table>

<table style="visibility:hidden">
    <tr>
        <th>Additional Header</th>
    </tr>
    <tr id="1">
        <td>Additional Info 1</td>
    </tr>
    <tr id="2">
        <td>Additional Info 2</td>
    </tr>
    <tr id="3=>
        <td>Additional Info 3</td>
    </tr>
    <tr id="4">
        <td>Additional Info 4</td>
    </tr>
    <tr id="5">
        <td>Additional Info 5</td>
    </tr>
    <tr id="6">
        <td>Additional Info 6</td>
    </tr>
</table>

点击后：

<table>
    <tr>
        <th>Name</th>
    </tr>
    <tr class="iWantToClickThis">
        <td>Bla Bla</td>
        <td style="visibility:hidden;">3,4,5</td>
    </tr>
    <tr>
        <td colspan="2>
            <table>
                <tr>
                    <th>Additional Header</th>
                </tr>
                <tr id="3">
                    <td>Additional Info 3</td>
                </tr>
                <tr id="5">
                    <td>Additional Info 5</td>
                </tr>
            </table>
        </td>
</table>

我已经找到了如何通过单行实现这一目标，但我如何使用不同的方式实现这一点，通过其ID识别它们？

如何使用Javascript

0 个答案: