javascript HTML折叠/展开树未按预期工作

x759pob2 于 2022-11-20 发布在 Java

关注(0)|答案(2)|浏览(205)

我想折叠多层次的分类树。我尝试了这么多的答案从堆栈，但它不工作。有人能请帮助我吗？
我试了这个代码：https://stackoverflow.com/a/30945775/7727479

实际结果：

首先显示测试1和测试3
然后，点击测试1 =〉点击测试2，应显示测试8
然后，点击测试2 =〉点击测试4，应显示测试7
和/或其他信息。
更新日期：

程式码片段：

第一个

JavaScript

来源：https://stackoverflow.com/questions/57904174/html-collapse-expand-tree-not-working-as-expected

2条答案

按热度按时间

9lowa7mx1#

我认为主要的问题是在你的html结构中，如果你想创建一个级别，你需要在那个级别中创建li，li元素中有anchor。
例如，要在TEST 1.0中添加TEST 2.2，您需要在用于TEST 1.0的anchor之后查找下一个ul.sub，并添加另一个具有anchor的li，如果要在TEST 2.2中创建另一个子菜单，则需要创建具有类sub的ul和另一个li

<li class="single deactive-collapse">
    <a class="li-single-text" style="padding-left:5%">Test 2.2 LAST</a>
    <ul class="sub" >
        <li class="child deactive-collapse">
            <a class="li-child-text" style="padding-left:10%">Test 3.2 LAST</a>
        </li>
    </ul>
</li>

这是一个片段
第一个

赞(0）回复(0）举报 2022-11-20

vdzxcuhz2#

是的，你对ul li的结构有一些问题。请看我的演示。你可以在你的意志中添加你的类和属性。这不会妨碍你。
第一个

赞(0）回复(0）举报 2022-11-20